From 8dad7d1e6506cc148e3d56c218efd1330a4e8291 Mon Sep 17 00:00:00 2001
From: kailasnadh790 <53608019+kailasnadh790@users.noreply.github.com>
Date: Wed, 24 Jan 2024 11:58:33 -0500
Subject: [PATCH] style update

---
 .../blocks/article-navigation/article-navigation.css      | 8 +++++---
 cigaradvisor/styles/styles.css                            | 1 +
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/cigaradvisor/blocks/article-navigation/article-navigation.css b/cigaradvisor/blocks/article-navigation/article-navigation.css
index 8bfcdb03..f7e2b3fe 100644
--- a/cigaradvisor/blocks/article-navigation/article-navigation.css
+++ b/cigaradvisor/blocks/article-navigation/article-navigation.css
@@ -1,9 +1,9 @@
 .article-navigation.block {
     display: flex;
     flex-wrap: wrap;
+    margin: 30px auto 0;
     justify-content: space-between;
     max-width: 1080px;
-    margin: 30px auto 0;
     align-items: stretch;
 }
 
@@ -13,8 +13,8 @@
 }
 
 .article-navigation.block a {
-    background-color: var(--tan);
-    padding: 20px 10px;
+    background-color: var(--transparent-tan);
+    padding: 20px 40px;
     border: 1px solid var(--tan);
     display: block;
     width: 100%;
@@ -22,6 +22,7 @@
 }
 
 .article-navigation.block h3 {
+    margin: 18px 0;
     line-height: 35px;
     font-size: var(--body-font-size-l);
     font-weight: var(--font-weight-bold);
@@ -64,6 +65,7 @@
 @media screen and (min-width: 600px) {
     .article-navigation.block>div {
         width: 50%;
+        padding: 10px 10px 10px 0;
     }
 
     .article-navigation.block .previous-article-nav a {
diff --git a/cigaradvisor/styles/styles.css b/cigaradvisor/styles/styles.css
index 14a30c51..cebfc9ed 100644
--- a/cigaradvisor/styles/styles.css
+++ b/cigaradvisor/styles/styles.css
@@ -21,6 +21,7 @@
   --clr-dark-gray: #141414;
   --clr-white: #fff;
   --tan: #8e7b5c;
+  --transparent-tan: #8E7B5C33;
   --subdued-gold: #b19b5e;
   --silver: #ccc;
   --very-light-grey: #ddd;