update Select2 material dropdown CSS

PH-Tools · Dec 17, 2024 · 7b016ae · 7b016ae
1 parent b12c43b
commit 7b016ae
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/static/css/select2.css b/static/css/select2.css
@@ -1,9 +1,17 @@
+.select2-container {
+    width: 100% !important;
+    display: flex;
+}
+
 .select2-selection {
+    display: flex !important;
+    flex-basis: 1 !important;
     background-color: var(--cell-color) !important;
     padding: 6px !important;
     border-radius: 3px !important;
     border: 1px solid #939799 !important;
     height: 100% !important;
+    width: 100% !important;
 }
 
 .django-select2 {

diff --git a/webportal/templates/webportal/partials/assemblies/assembly.html b/webportal/templates/webportal/partials/assemblies/assembly.html
@@ -81,9 +81,10 @@
                                     />
                                 </form>
 
-                                <div class="layer-segments">
+                                <div class="flex flex-1 layer-segments" style="width: 100%;">
                                     {% for segment, form in layer_view.segments_and_forms %}
                                         <form
+                                            style="width: 100%;"
                                             hx-post="{% url 'update-layer-material' assembly.id layer_view.layer.pk %}"
                                             hx-target="find [role='textbox']"
                                         >