Tweak styles

templates/layout.html

@@ -29,9 +29,16 @@
 
       .btn {
         cursor: pointer;
+        background: #ffffff;
+        border: 1px solid #383e37;
+        border-radius: 0;
         padding: 0.15em 0.3em;
       }
 
+      .btn:hover {
+        background-color: #f0f0f0;
+      }
+
       .danger {
         color: #942626;
       }
@@ -49,7 +56,7 @@
       }
 
       .header__logo {
-        background: #ffffff;
+        background-color: #ffffff;
         border: 1px solid #383e37;
         font-size: 14px;
         font-style: italic;
@@ -60,7 +67,7 @@
       }
 
       .header__logo:hover {
-        background: #f0f0f0;
+        background-color: #f0f0f0;
       }
 
       .form__field {
@@ -93,8 +100,9 @@
         background: white;
         border: 1px solid #383e37;
         display: flex;
+        flex-direction: row-reverse;
         font-size: 12px;
-        font-style: italic;
+        font-weight: bold;
         justify-content: space-between;
         margin-bottom: 1em;
         padding: 0.5em;
@@ -102,7 +110,6 @@
 
       .post__title {
         flex: 1;
-        text-align: right;
       }
 
       .post__link {