Merge pull request #337 from biocore/lmerchant_issue_323

style: add flex grid CSS to outer div of barcode buttons to enable wrap
biocore · Feb 3, 2025 · c381a5f · c381a5f
2 parents ca9a781 + 1e935ae
commit c381a5f
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/microsetta_interface/static/css/minimal_interface.css b/microsetta_interface/static/css/minimal_interface.css
@@ -1210,6 +1210,7 @@ input.barcode-checkbox[type=checkbox]:checked+label {
 .new_kit_sample_container {
     display: flex;
     flex-direction: row;
+    flex-wrap: wrap;
     align-items: center;
     padding: 0px;
     gap: 16px;
@@ -1219,6 +1220,7 @@ input.barcode-checkbox[type=checkbox]:checked+label {
     .new_kit_sample_container {
         display: flex;
         flex-direction: column;
+        flex-wrap: wrap;
         align-items: center;
         padding: 0px;
         gap: 16px;
@@ -1581,6 +1583,7 @@ input.barcode-checkbox[type=checkbox]:checked+label {
     border-radius: 4px 4px 4px 4px;
     width: 240px;
 }
+
 @media (min-width: 1280px){
     .navbar-expand-custom {
         flex-direction: row;
@@ -1607,4 +1610,4 @@ input.barcode-checkbox[type=checkbox]:checked+label {
     .navbar-expand-custom .navbar-toggler {
         display: none;
     }
-}
+}