style: add flex grid CSS to outer div of barcode buttons to enable wr…

…apping Make the div surrounding all the barcode buttons on the "My Kits" web page a flex grid. Now all the buttons wrap and are responsive. Fixes Issue #323
biocore · Jan 14, 2025 · 923ab59 · 923ab59
1 parent ca9a781
commit 923ab59
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/microsetta_interface/templates/kits.jinja2 b/microsetta_interface/templates/kits.jinja2
@@ -23,6 +23,11 @@
         .tooltip.bs-tooltip-top .tooltip-arrow::before {
             border-top-color: #0000ff !important;
         }
+        .new_kit_sample_container {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 10px;
+        }
     </style>
     <script src="/static/vendor/js/jquery.form-4.2.2/jquery.form.min.js"></script>
     <script>