add icon to login link

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 {

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>