Align contents of filter-incidents-tab

Uninett · Jan 14, 2025 · 68dd3e8 · 68dd3e8
1 parent 09fc027
commit 68dd3e8
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/src/argus/htmx/static/styles.css b/src/argus/htmx/static/styles.css
@@ -4515,6 +4515,12 @@ details.collapse summary::-webkit-details-marker {
   overflow-y: scroll;
 }
 
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .text-nowrap {
   text-wrap: nowrap;
 }

diff --git a/src/argus/htmx/templates/htmx/incident/_incident_list_menubar.html b/src/argus/htmx/templates/htmx/incident/_incident_list_menubar.html
@@ -8,8 +8,10 @@
            checked="checked" />
     <div role="tabpanel"
          class="filterbox tab-content border-primary [--tab-border:theme(borderWidth.DEFAULT)] rounded-box p-2">
-      {% include "htmx/incident/_incident_filterbox.html" %}
-      {% include "htmx/incident/_filter_controls.html" %}
+      <div class="flex flex-wrap items-center">
+        {% include "htmx/incident/_incident_filterbox.html" %}
+        {% include "htmx/incident/_filter_controls.html" %}
+      </div>
     </div>
     <input type="radio"
            name="incident_menus"

diff --git a/src/argus/htmx/templates/htmx/incident/filter_list.html b/src/argus/htmx/templates/htmx/incident/filter_list.html
@@ -19,6 +19,6 @@
     {% endfor %}
   </select>
   <span class="block label pb-1 pt-0.5">
-    <span class="label-text-alt">Select from your filters</span>
+    <span class="label-text-alt truncate">Select from your filters</span>
   </span>
 </label>