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

Use regular font-size (1em) for action-bar
Icinga · Apr 19, 2024 · 7418a72 · 7418a72
1 parent 4428d78
commit 7418a72
Showing 1 changed file with 8 additions and 12 deletions.
diff --git a/public/css/module.less b/public/css/module.less
@@ -10,35 +10,31 @@ a:focus {
     float: left;
     display: flex;
     align-items: center;
-    font-size: 1.3em;
     color: @icinga-blue;
+    flex-wrap: wrap;
+    white-space: nowrap;
+    margin-bottom: 0.5em;
+
+    & > *:not(:last-child) {
+        margin-right: 1em;
+    }
 
     > 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;
     }