From d000641ea50193aa0660043377f631d827ef460a Mon Sep 17 00:00:00 2001
From: Gator <gator@ariona.fr>
Date: Sun, 4 Dec 2022 16:45:40 +0100
Subject: [PATCH] menu tweak

---
 src/components/MenuRow.vue | 26 ++++++++++++++++++++------
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/components/MenuRow.vue b/src/components/MenuRow.vue
index c80511a..164414f 100644
--- a/src/components/MenuRow.vue
+++ b/src/components/MenuRow.vue
@@ -26,8 +26,8 @@
     font-size: medium;
     padding: 10px;
     cursor: pointer;
-    border-bottom: 1px solid darkgrey;
-    border-top: 1px solid darkgrey;
+    border-bottom: 1px solid var(--dark3);
+    border-top: 1px solid var(--dark3);
     margin: 0 0 10px 0;
   }
 
@@ -73,19 +73,33 @@
 
   @media screen and (max-width: 800px) {
     .menu-row {
-      /* position: static; */
-      padding: 0 10px;
+      margin: 0 auto;
+      width: 100%;
+    }
+
+    .menu-row h2,
+    .form-field {
+      margin: 0;
+    }
+
+    .menu-row h2 {
+      border-bottom: 1px solid var(--dark3);
+      border-top: none;
+    }
+
+    .form-field {
+      padding: 10px;
     }
 
     .menu-row:active .menu-row-content {
       display: flex;
+      flex-direction: column;
+      height: 100%;
     }
 
     .menu-row-content {
       position: relative;
       width: 100%;
-      /* display: flex; */
-      flex-direction: column;
     }
   }
 </style>