From 43b8cba28833f5f0a5e76c2027dab89ab609bbf2 Mon Sep 17 00:00:00 2001
From: Laurent Morvillier <lmorvill@gmail.com>
Date: Thu, 10 Oct 2019 17:40:31 +0200
Subject: [PATCH] Header improvements

---
 news/static/news/css/app.css   | 15 +++++++++++----
 news/templates/base.html       |  2 +-
 news/templates/news/index.html |  2 +-
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/news/static/news/css/app.css b/news/static/news/css/app.css
index e8543b5..a1f7275 100644
--- a/news/static/news/css/app.css
+++ b/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;
diff --git a/news/templates/base.html b/news/templates/base.html
index b94b408..3dfb37a 100644
--- a/news/templates/base.html
+++ b/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>
diff --git a/news/templates/news/index.html b/news/templates/news/index.html
index 0cb554f..b3c40f8 100644
--- a/news/templates/news/index.html
+++ b/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>