[Boutique] Abonnements > formulaire création/modification : amélioration responsive tableau produit

producer/views/subscription/_form.php

@@ -233,7 +233,6 @@ $orderModule = OrderModule::getInstance();
                     <td class="price-unit">
                         {{ formatPrice(product.price_with_tax) }}<br/><span
                                 class="unit">{{ product.wording_unit }}</span>
-
                     </td>
                     <td class="quantity">
                         <div class="input-group">

producer/web/css/screen.css

@@ -2216,13 +2216,32 @@ termes.
     text-align: center;
   }
 
-  /* line 291, ../sass/_responsive.scss */
+  /* line 292, ../sass/_responsive.scss */
+  .subscription-form #main #content .block.products .table td {
+    padding: 5px;
+  }
+  /* line 295, ../sass/_responsive.scss */
+  .subscription-form #main #content .block.products .table .recipe {
+    display: none;
+  }
+  /* line 298, ../sass/_responsive.scss */
+  .subscription-form #main #content .block.products .table .input-group-btn {
+    display: block;
+    width: 1000%;
+  }
+  /* line 301, ../sass/_responsive.scss */
+  .subscription-form #main #content .block.products .table .input-group-btn .btn {
+    display: block;
+    width: 100%;
+  }
+
+  /* line 312, ../sass/_responsive.scss */
   #footer .content {
     text-align: center;
   }
 }
 @media screen and (max-width: 991px) {
-  /* line 303, ../sass/_responsive.scss */
+  /* line 324, ../sass/_responsive.scss */
   #main {
     padding-top: 0px;
   }

producer/web/sass/_responsive.scss

@@ -284,7 +284,28 @@ termes.
                 }
             }
         }
-        
+    }
+
+    .subscription-form {
+        #main #content .block.products {
+            .table {
+                td {
+                    padding: 5px;
+                }
+                .recipe {
+                    display: none;
+                }
+                .input-group-btn {
+                    display: block;
+                    width: 1000%;
+                    .btn {
+                        display: block;
+                        width: 100%;
+                    }
+                }
+            }
+
+        }
     }
     
     #footer {