From 558ca781ff1b0d087f78234098d508f3beae588f Mon Sep 17 00:00:00 2001
From: 1kuceraj <jan.kucera@external.forvia.com>
Date: Tue, 24 Sep 2024 15:42:26 +0200
Subject: [PATCH] rest of menus

---
 css/map.css             | 54 +++++++++++++++++++++++++++++++++--------
 css/user_panel.css      | 30 +----------------------
 templates/bestiary.html | 10 --------
 templates/map.html      | 10 ++++----
 4 files changed, 50 insertions(+), 54 deletions(-)

diff --git a/css/map.css b/css/map.css
index 4707e26..d1b3d21 100644
--- a/css/map.css
+++ b/css/map.css
@@ -55,6 +55,8 @@
     height: 28px; /* Adjust this to match your other buttons */
 }
 
+@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Merriweather:wght@300;400;700&display=swap');
+
 .goto-form input {
     width: 40px;
     padding: 2px 4px;
@@ -120,8 +122,49 @@
 .outpost {
     z-index: 501; /* Ensure outpost is above the range circle */
 }
+.navbar, .navbar-brand, .nav-link {
+    font-family: 'Merriweather', serif;
+}
+
+.goto-form {
+    display: inline-flex;
+    align-items: center;
+    background-color: #1a1a1a;
+    border: 1px solid #333;
+    border-radius: 4px;
+    padding: 2px;
+}
+
+.goto-form input {
+    width: 40px;
+    padding: 2px 4px;
+    background-color: #2a2a2a;
+    color: #fff;
+    border: 1px solid #444;
+    border-radius: 2px;
+    font-size: 12px;
+    margin: 0 2px;
+}
 
-body, html {
+.goto-form input::placeholder {
+    color: #666;
+}
+
+.goto-form button {
+    padding: 2px 8px;
+    background-color: #333;
+    color: #fff;
+    border: none;
+    border-radius: 2px;
+    cursor: pointer;
+    font-size: 12px;
+}
+
+.goto-form button:hover {
+    background-color: #444;
+}
+
+body {
     margin: 0;
     padding: 0;
     font-family: 'Merriweather', serif;
@@ -297,14 +340,6 @@ body, html {
     .popup-close:active {
         transform: scale(0.95);
     }
-.navigation-submenu {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: flex-end;
-    background-color: #333;
-    padding: 10px;
-}
 
     .btn {
         display: inline-block;
@@ -351,7 +386,6 @@ body, html {
     }
 #message-display {
     position: fixed;
-    top: 60px; /* Adjust based on your navigation bar height */
     left: 0;
     right: 0;
     color: #ffd700;
diff --git a/css/user_panel.css b/css/user_panel.css
index d84807c..68ac277 100644
--- a/css/user_panel.css
+++ b/css/user_panel.css
@@ -8,17 +8,6 @@ body {
     background-position: center;
     background-attachment: fixed;
     color: #ffffff;
-    font-size: 0.9rem;
-}
-
-.sticky-top-panel {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    background-color: #f8f9fa;
-    z-index: 1000;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
 }
 
 .container {
@@ -111,12 +100,6 @@ body {
     color: #ffffff;
 }
 
-.navigation-submenu {
-    background-color: rgba(40, 40, 40, 0.9);
-    padding: 10px;
-    font-family: 'Merriweather', serif;
-}
-
 .tile-actions, .user-actions {
     display: flex;
     flex-wrap: wrap;
@@ -203,7 +186,6 @@ body {
 
 .btn-sm {
     padding: 0.25rem 0.5rem;
-    font-size: 0.8rem;
     border-radius: 0.2rem;
 }
 
@@ -211,20 +193,11 @@ body {
     color: #c0c0c0;
     background-color: rgba(0, 123, 255, 0.1);
     border-color: #007bff;
-    margin-top: 60px;
+    margin-top: 15px;
 }
 
 .card-title {
     color: #ffd700;
-    font-size: 1rem;
-}
-
-h4 {
-    font-size: 1.1rem;
-}
-
-h5 {
-    font-size: 1rem;
 }
 
 /* Ensure text wraps correctly around images in item cards */
@@ -310,7 +283,6 @@ h5 {
 }
 
 .current-tile-actions .btn, .acquired-tile-actions .btn {
-    font-size: 0.8rem;
     padding: 0.2rem 0.5rem;
     background-color: #4a4a4a;
     border: none;
diff --git a/templates/bestiary.html b/templates/bestiary.html
index 5ff29c8..cbd89e5 100644
--- a/templates/bestiary.html
+++ b/templates/bestiary.html
@@ -13,14 +13,6 @@
         @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Merriweather:wght@300;400;700&display=swap');
 
 
-        .navigation-submenu {
-            background-color: rgba(40, 40, 40, 0.9);
-            padding: 10px 0;
-            margin-bottom: 20px;
-            border-radius: 10px;
-            text-align: center;
-        }
-
         .btn {
             display: inline-block;
             padding: 10px 20px;
@@ -51,8 +43,6 @@
             background-position: center;
             background-attachment: fixed;
             color: #e0e0e0;
-            margin: 0;
-            padding: 20px;
         }
 
         .container {
diff --git a/templates/map.html b/templates/map.html
index ca406d9..5a95cbf 100644
--- a/templates/map.html
+++ b/templates/map.html
@@ -38,11 +38,11 @@
                         <a class="nav-link text-danger" href="/logout">Logout</a>
                     </li>
                 </ul>
-                <form class="d-flex" id="goto-form" onsubmit="handleGoTo(event)">
-                    <input class="form-control me-2" type="number" id="goto-x" placeholder="X" required>
-                    <input class="form-control me-2" type="number" id="goto-y" placeholder="Y" required>
-                    <button class="btn btn-outline-light" type="submit">Travel</button>
-                </form>
+            <form class="goto-form" id="goto-form" onsubmit="handleGoTo(event)">
+                <input type="number" id="goto-x" placeholder="X" required>
+                <input type="number" id="goto-y" placeholder="Y" required>
+                <button type="submit">Go</button>
+            </form>
             </div>
         </div>
     </nav>