From 8045f0431d2f8b3282a82d9cb3ff0267e93b013e Mon Sep 17 00:00:00 2001
From: Julian Maurice <julian.maurice@biblibre.com>
Date: Wed, 28 Sep 2022 16:38:25 +0200
Subject: [PATCH] Bug 30952: Fix style of datatables buttons when not inside a
 .pager

---
 .../intranet-tmpl/prog/css/src/_tables.scss   | 101 +++++++++---------
 1 file changed, 51 insertions(+), 50 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/_tables.scss b/koha-tmpl/intranet-tmpl/prog/css/src/_tables.scss
index 3c6c1636d9..73c68dcf54 100644
--- a/koha-tmpl/intranet-tmpl/prog/css/src/_tables.scss
+++ b/koha-tmpl/intranet-tmpl/prog/css/src/_tables.scss
@@ -502,72 +502,73 @@ tbody {
         }
     }
 
-    button,
-    div,
-    a {
-        &.dt-button {
-            background: transparent none;
-            border: 0;
-            color: #696969;
-            font-size: 1em;
-            line-height: 1.7em;
-            margin: 0 3px 0 0;
-            padding: 0 .5em;
-            position: relative;
-
-            &::before {
-                content: '';
-            }
 
-            &.disabled {
-                color: #999;
-                cursor: default;
+    input {
+        &[type="search"] {
+            border: 1px solid #CCC;
+        }
+    }
 
-                span {
-                    background-color: transparent;
-                }
-            }
+    &:empty {
+        border: 0;
+        padding: 0;
+    }
+} /* /.pager */
 
-            &:active,
-            &:focus {
-                background: transparent none;
-                border: 0;
-                box-shadow: none;
-                text-shadow: none;
+button,
+div,
+a {
+    &.dt-button {
+        background: transparent none;
+        border: 0;
+        color: #696969;
+        font-size: 1em;
+        line-height: 1.7em;
+        margin: 0 3px 0 0;
+        padding: 0 .5em;
+        position: relative;
 
-                &:not(.disabled):hover:not(.disabled) {
-                    background: transparent none;
-                    box-shadow: none;
-                }
-            }
+        &::before {
+            content: '';
+        }
 
-            &:hover {
-                background: transparent none;
-                border: 0;
+        &.disabled {
+            color: #999;
+            cursor: default;
 
-                &:not(.disabled) {
-                    background: transparent none;
-                }
+            span {
+                background-color: transparent;
             }
+        }
 
-            &.active:not(.disabled):hover:not(.disabled) {
+        &:active,
+        &:focus {
+            background: transparent none;
+            border: 0;
+            box-shadow: none;
+            text-shadow: none;
+
+            &:not(.disabled):hover:not(.disabled) {
                 background: transparent none;
                 box-shadow: none;
             }
         }
-    }
 
-    input {
-        &[type="search"] {
-            border: 1px solid #CCC;
+        &:hover {
+            background: transparent none;
+
+            &:not(.disabled) {
+                border: none;
+                background: transparent none;
+            }
         }
-    }
 
-    &:empty {
-        border: 0;
-        padding: 0;
+        &.active:not(.disabled):hover:not(.disabled) {
+            background: transparent none;
+            box-shadow: none;
+        }
     }
-} /* /.pager */
+}
 
 .toptabs {
     .pager {
-- 
2.30.2