Add medias rules for reception responsive form

ekylibre · Sep 8, 2017 · 5888406 · 5888406
1 parent c7ab624
commit 5888406
Showing 1 changed file with 20 additions and 9 deletions.
diff --git a/app/themes/tekyla/stylesheets/receptions.scss b/app/themes/tekyla/stylesheets/receptions.scss
@@ -410,19 +410,30 @@
 // Responsive media queries
 @media (max-width: $medium-screen) {
 
-  .new_reception .list,
-  .edit_reception .list {
+  .new_reception,
+  .edit_reception {
 
-    .product-column {
-      flex-basis: 32.2%;
-    }
+    .list {
 
-    .storage-column {
-      flex-basis: 30.6%;
+      .product-column {
+	    flex-basis: 28.5%;
+	  }
+
+	  .storage-column {
+	    flex-basis: 22.8%;
+	  }
+
+	  .quantity-column {
+	    flex-basis: 14.7%;
+	  }
     }
 
-    .quantity-column {
-      flex-basis: 12.7%;
+    .form-block .merchandise {
+      flex: 28% !important;
     }
+
+    .form-block .item-add-storing {
+      flex: 54% !important;
+	}
   }
 }