Header improvements

news/static/news/css/app.css

@@ -47,7 +47,10 @@ header {
 }
 
 .title {
-  background-color: var(--header-bg-color);
+  border-top: 2px solid var(--header-bg-color);
+  border-bottom: 2px solid var(--header-bg-color);
+
+  /* background-color: var(--header-bg-color); */
 }
 
 header h1 {
@@ -71,7 +74,7 @@ header h1 a {
 }
 
 header h1 a:hover {
-  color: #BFA030;
+  color: var(--header-bg-color);
 }
 header h2 {
   margin-top: -10px;
@@ -81,8 +84,9 @@ header h2 {
 
 nav {
   padding: 4px;
-  font-size: 14px;
-  background-color: #333;
+  font-size: 13px;
+  text-transform: uppercase;
+  /* background-color: #333; */
 }
 
 footer {
@@ -149,6 +153,9 @@ a h1 {
   }
 }
 
+.date {
+  margin-bottom: 4px;
+}
 .details {
   font-size: 14px;
   color: #999;

news/templates/base.html

@@ -42,9 +42,9 @@
 
      <!-- Header -->
     <header>
+      <img src="{% static 'image/icon128_transparent.png' %}" alt="Poker Rumble icon" width="96" height="96"/>
       <div class="title">
         <h1>
-          <!-- <img src="{% static 'image/icon_square.png' %}" alt="Poker Rumble icon" width="64" height="56"/> -->
           <a href="{% url 'news:index' %}">poker rumble</a>
         </h1>
       </div>

news/templates/news/index.html

@@ -12,7 +12,7 @@
   <!-- A post -->
   <article>
 
-    <div class="details lat_padding">
+    <div class="date details lat_padding">
       {{ post.date }} - {{ post.author.username }}
     </div>