style: ajustes menu mobile

gestaoRaul/products/templates/products.html

@@ -37,7 +37,7 @@ Produtos
         <td id="price-{{product.id}}" >R$ {{product.price}}</td>
         <td class="hide-on-mobile" id="quantity-{{product.id}}" >{{product.quantity}}</td>
         <td class="hide-on-mobile" id="category-{{product.id}}" >{{product.category.name}}</td>
-        <td>
+        <td >
           <div class="grid-buttons">
           <img 
           src="{% static 'midia/icons/edit.svg' %}" 

gestaoRaul/templates/static/base.css

@@ -171,7 +171,7 @@ input, textarea, select {
     box-shadow: 0px 3px 10px #464646;
     position: fixed;
     top: 0;
-    width: 100%;
+    min-width: 100%;
     z-index: 100;
 }
 
@@ -320,13 +320,13 @@ input, textarea, select {
   display: none;
   justify-content: flex-start;
   align-items: center;
-  background-color: #171525;
+  background-color:rgba(86, 187, 255, 0.192);
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
   border-radius: 25px;;
   position: fixed;
 
   top: 50%;
-  right: 0%;
+  right: -10px;
 
   width: 55px;
   height: 55px;

gestaoRaul/templates/static/comandas/css/comandas.css

@@ -41,6 +41,7 @@ p {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
+    min-width: 100%;
   }
 
   .card-comanda {

gestaoRaul/templates/static/products/css/products.css

@@ -1,7 +1,7 @@
 
 
 .grid-buttons {
-    display: grid;
+    display: flex;
     grid-template-columns: repeat(2, 1fr);
     gap: 10px;
     max-width: 500px; 
@@ -12,7 +12,9 @@
     grid-template-columns: repeat(1, 1fr);
     gap: 20px;
     max-width: 1300px;
-    margin: 0 auto; 
+    max-width: 99%;
+    width: 100%;
+    margin: 0px; 
   }
 
 .grid-top {
@@ -24,7 +26,7 @@
     align-content: center;
     align-self: center;
     grid-template-columns: 1fr 3fr;
-    gap: 20px;
+    gap: 10px;
     width: 100%; 
   }
 
@@ -33,4 +35,11 @@
     .hide-on-mobile {
       display: none;
     }
+
+    .grid-buttons {
+    display: none;
+    gap: 10px;
+    max-width: 100px;
+    width: 80px;
+  }
   }