tweak header and footer styles

3 files changed, 25 insertions, 6 deletions

diff --git a/static/img/ia-logo.png b/static/img/ia-logo.png
new file mode 100644
index 0000000..1da3bea
--- /dev/null
+++ b/static/img/ia-logo.png
diff --git a/static/style/archive3k.css b/static/style/archive3k.css
index a765e9f..b69f679 100644
--- a/static/style/archive3k.css
+++ b/static/style/archive3k.css
@@ -29,9 +29,14 @@ footer a:hover,
 footer a:visited {
   color: #3f3f3f;
 }
+footer ul a,
+footer ul a:hover,
+footer ul a:visited {
+  color: #5f5f60;
+}
 footer h5 {
   font-weight: bold;
-  margin-bottom: 0px;
+  margin-bottom: 1px;
   margin-top: 0px;
 }
 .navbar-default {
@@ -86,6 +91,16 @@ footer h5 {
   width: 100%;
 }
 
+.navbar-nav > li > a, .navbar-brand {
+  padding-top: 12px !important; 
+  padding-bottom: 0 !important;
+  height: 2.5em;
+}
+.navbar {
+  min-height: 2.5em !important;
+}
+
+
 /* Change font */
 body,
 .popover,
diff --git a/theme/templates/base.html b/theme/templates/base.html
index f8598dc..3c7552d 100644
--- a/theme/templates/base.html
+++ b/theme/templates/base.html
@@ -26,17 +26,18 @@
         <span class="icon-bar"></span>
       </button>
       <li class="dropdown">
-        <a class="navbar-brand" href="#" style="padding-top: 0.8em;">
-          <img src="/static/style/ia_logo_small.png" alt="">
+        <a href="#" class="navbar-brand dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+          <img src="/static/img/ia-logo.png" alt="" style="display: inline; margin-top: -2px;">
+          <span class="caret" style="color: grey;"></span>
         </a>
-        <a href="#" class="navbar-brand dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Internet Archive<span class="caret"></span></a>
         <ul class="dropdown-menu">
           <li><a href="#">Internet Archive Home</a></li>
           <li role="separator" class="divider"></li>
           <li class="dropdown-header">Services</li>
           <li><a href="https://web.archive.org">Wayback Machine</a></li>
           <li><a href="https://openlibrary.org">Open Library</a></li>
-          <li><a href="https://archive.org/details/tv"></a></li>
+          <li><a href="https://archive.org/search.php">Catalog</a></li>
+          <li><a href="https://archive-it.org">Archive-It</a></li>
         </ul>
       </li>
     </div>
@@ -86,7 +87,7 @@
   <div class="container">
   <div class="container-fluid">
   <div class="row">
-    <div class="col-md-4">
+    <div class="col-md-5">
       <div class="media">
         <div class="media-left" style="padding-top: 5px;">
           <img src="/static/style/ia_logo_small.png" alt="">
@@ -98,6 +99,9 @@
       </div>
     </div>
 
+    <div class="col-md-1">
+    </div>
+
     <div class="col-md-2">
       <h5 class="title mb-4 mt-3 font-bold">Home</h5>
       <ul class="list-unstyled">