Monitoring: Beautify quick-action item hover

2019-08-22 16:48:47 +02:00 · 2019-08-22 16:48:47 +02:00 · 8ebc04f2c1
parent 5443bfe9fa
commit 8ebc04f2c1
1 changed files with 14 additions and 6 deletions
--- a/modules/monitoring/public/css/module.less
+++ b/modules/monitoring/public/css/module.less
@ -193,17 +193,25 @@

 // Quick actions
 .quick-actions {
+  margin: 0 -.5em;
+
+  &:last-child {
+    margin-bottom: -.25em;
+  }
+
  li {
    color: @icinga-blue;
-    padding: 0 0.6em;
  }

-  li:first-child {
-    padding-left: 0;
-  }
+  a,
+  button {
+    .rounded-corners();
+    padding: .25em .5em;

-  li:last-child {
-    padding-right: 0;
+    &:hover {
+      background-color: @gray-lighter;
+      text-decoration: none;
+    }
  }
 }