From 2c223256b783678d7cc1450f8f6899def9b273c9 Mon Sep 17 00:00:00 2001
From: Owen Leonard <oleonard@myacpl.org>
Date: Thu, 29 Feb 2024 16:36:34 +0000
Subject: [PATCH] Bug 36390: Two minor OPAC CSS fixes

This patch makes corrections to OPAC CSS to address two small issues.

To test, apply the patch and rebuild the OPAC CSS.

- Perform a catalog search which will return multiple results..
- In the table of search results, check the icon and text for the
  controls under each title: "Place hold", "Add tag", "Add to cart" etc.
  - The colors should be consistent, with a slightly darker blue for the
    icons.
- Scroll down until the table header "sticks" to the top of the
  viewport.
- There should be no gap between the header row with the pagination
  links and the row with the "Select all", "Clear all", etc. controls.

Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
Signed-off-by: Katrin Fischer <katrin.fischer@bsz-bw.de>
(cherry picked from commit 09119cf9c51e098db891002035213f250f635077)
Signed-off-by: Fridolin Somers <fridolin.somers@biblibre.com>
(cherry picked from commit eee4ebf0e78cc3dfe13c9f4e736f3107fb42bd02)
Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
---
 koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss
index 3a25925db5..e7db7515e9 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss
+++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss
@@ -517,14 +517,16 @@ th {
 
         &:hover {
             i {
-                &.fa {
+                &.fa,
+                &.fa-solid {
                     color: #338468;
                 }
             }
         }
 
         i {
-            &.fa {
+            &.fa,
+            &.fa-solid {
                 color: #4466AE;
             }
         }
@@ -534,7 +536,8 @@ th {
                 color: #900;
 
                 i {
-                    &.fa {
+                    &.fa,
+                    &.fa-solid {
                         color: #C60000;
                     }
                 }
@@ -548,7 +551,8 @@ th {
 
             &:hover {
                 i {
-                    &.fa {
+                    &.fa,
+                    &.fa-solid {
                         color: #333;
                         opacity: .65;
                     }
@@ -1160,7 +1164,6 @@ fieldset {
     border-bottom: none;
     display: flex;
     margin: 0;
-    margin-top: 3px;
     padding-left: 10px;
     padding-top: .5em;
     flex-wrap: wrap;