From 4a213893be83bd4cb36a492cd9ef3a4e694745d1 Mon Sep 17 00:00:00 2001
From: Mark Eaton <MarkEEaton@users.noreply.github.com>
Date: Wed, 27 Jul 2022 10:26:19 -0400
Subject: [PATCH] add icon to login link

---
 groups/home/LibAnswers-4-js-css.html       | 9 +++++++--
 groups/home/LibAnswers-SlideOutChat-4.html | 5 ++++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/groups/home/LibAnswers-4-js-css.html b/groups/home/LibAnswers-4-js-css.html
index 865942a..a5ec879 100644
--- a/groups/home/LibAnswers-4-js-css.html
+++ b/groups/home/LibAnswers-4-js-css.html
@@ -17,7 +17,6 @@ body {
 /* style header */
 #header-div {
         padding: 30px;
-        text-align: center;
 }
 
 /* style the hamburger menu */
@@ -53,8 +52,14 @@ body {
 #login-div {
         float: right;
         padding: 8px 15px 0px 0px;
-        font-size: 1.21em;
+        color:var(--kbccblue);
+        font-size:1.5em;
 }
+#login-text {
+        display: inline-block;
+        vertical-align: -2px;
+}
+#login-icon { display: inline-block; }
 
 /* style alert */
 #corona-alert {
diff --git a/groups/home/LibAnswers-SlideOutChat-4.html b/groups/home/LibAnswers-SlideOutChat-4.html
index f2b28ef..5d44e14 100644
--- a/groups/home/LibAnswers-SlideOutChat-4.html
+++ b/groups/home/LibAnswers-SlideOutChat-4.html
@@ -53,7 +53,10 @@
                                                        </li>
                                                </ul>
                                         </div>
-                                        <a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/account?vid=01CUNY_KB:CUNY_KB" class="no-underline" id="login-div">Renew / Request Items</a>
+                                        <a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/account?vid=01CUNY_KB:CUNY_KB" id="login-div" class="no-underline">
+                                               <div id="login-text">Login</div>
+                                               <div id="login-icon"><i class="fas fa-user"></i></div>
+                                        </a>
                                         <img id="library-logo" class="image-fail" alt="Kibbee Library logo" src="https://libapps.s3.amazonaws.com/accounts/16298/images/xsmall-2.jpg" />
                                          <div id="corona-alert" type="button" data-toggle="modal" data-target=".bs-example-modal-sm">
                                                  <span id="corona-alert-text">No fines on KBCC books checked out before the pandemic! Just return them to any CUNY Library.</span>