module.less: Fix align of action-bar and sort control

Icinga · Mar 28, 2024 · 170a51c · 170a51c
1 parent 4428d78
commit 170a51c
Showing 1 changed file with 7 additions and 11 deletions.
diff --git a/public/css/module.less b/public/css/module.less
@@ -12,33 +12,29 @@ a:focus {
     align-items: center;
     font-size: 1.3em;
     color: @icinga-blue;
+    flex-wrap: wrap;
+    white-space: nowrap;
+
+    & > * {
+        margin: 0 1em 0.5em 0.25em;
+    }
 
     > a {
         &:hover::before {
             text-decoration: none;
         }
 
-        &:not(:last-child) {
-            margin-right: 1em;
-        }
-
         &.button-link {
             color: @text-color-on-icinga-blue;
             background: @icinga-blue;
 
             &:active, &:focus {
                 text-decoration: none;
             }
-
-            &:last-child {
-                margin-left: auto;
-            }
         }
     }
 
     > div.view-toggle {
-        margin-right: 1em;
-
         span {
             color: @gray;
             margin-right: .5em;
@@ -78,7 +74,7 @@ a:focus {
 }
 
 .controls {
-    &.sort-control,
+    .sort-control,
     &.want-fullscreen > a {
         float: right;
     }