From 9b051cd7ce47e151a6b473c06011d9865e1e81f6 Mon Sep 17 00:00:00 2001
From: Johannes Meyer <johannes.meyer@netways.de>
Date: Fri, 31 Jul 2015 08:29:59 +0200
Subject: [PATCH] reorder-authbackend.phtml: Fix hover styles of icon-only
 buttons

---
 .../scripts/form/reorder-authbackend.phtml    |  4 ++--
 public/css/icinga/forms.less                  | 21 ++++++++-----------
 2 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/application/views/scripts/form/reorder-authbackend.phtml b/application/views/scripts/form/reorder-authbackend.phtml
index 2e6619551..3ced989e2 100644
--- a/application/views/scripts/form/reorder-authbackend.phtml
+++ b/application/views/scripts/form/reorder-authbackend.phtml
@@ -34,7 +34,7 @@
         </td>
         <td data-base-target="_self">
 <?php if ($i > 0): ?>
-          <button type="submit" name="backend_newpos" class="icon-only" value="<?= sprintf(
+          <button type="submit" name="backend_newpos" class="link-like icon-only" value="<?= sprintf(
             '%s|%s',
             $backendNames[$i],
             $i - 1
@@ -48,7 +48,7 @@
           </button>
 <?php endif; ?>
 <?php if ($i + 1 < count($backendNames)): ?>
-          <button type="submit" name="backend_newpos" class="icon-only" value="<?= sprintf(
+          <button type="submit" name="backend_newpos" class="link-like icon-only" value="<?= sprintf(
             '%s|%s',
             $backendNames[$i],
             $i + 1
diff --git a/public/css/icinga/forms.less b/public/css/icinga/forms.less
index 467fea827..82a5f5184 100644
--- a/public/css/icinga/forms.less
+++ b/public/css/icinga/forms.less
@@ -131,18 +131,6 @@ button, .button-like {
       background-color: #666;
     }
   }
-
-  &.icon-only {
-    font-size: 1.5em;
-    padding: 0;
-    border: none;
-    color: inherit;
-    background-color: transparent;
-
-    &:hover, &:focus, &:active {
-      color: #666;
-    }
-  }
 }
 
 .button-like {
@@ -162,6 +150,15 @@ form.link-like input[type="submit"], form.link-like button[type="submit"], input
   padding: 0;
   font-size: 1em;
   cursor: pointer;
+
+  &.icon-only {
+    color: inherit;
+    font-size: 1.5em;
+
+    &:hover, &:focus, &:active {
+      color: #666;
+    }
+  }
 }
 
 form.link-like input[type="submit"]:hover,