add icon to login link

This commit is contained in:
Mark Eaton
2022-07-27 10:26:19 -04:00
parent ff5f150826
commit 4a213893be
2 changed files with 11 additions and 3 deletions
+7 -2
View File
@@ -17,7 +17,6 @@ body {
/* style header */ /* style header */
#header-div { #header-div {
padding: 30px; padding: 30px;
text-align: center;
} }
/* style the hamburger menu */ /* style the hamburger menu */
@@ -53,8 +52,14 @@ body {
#login-div { #login-div {
float: right; float: right;
padding: 8px 15px 0px 0px; 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 */ /* style alert */
#corona-alert { #corona-alert {
+4 -1
View File
@@ -53,7 +53,10 @@
</li> </li>
</ul> </ul>
</div> </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" /> <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"> <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> <span id="corona-alert-text">No fines on KBCC books checked out before the pandemic! Just return them to any CUNY Library.</span>