style update

hlxsites · Jan 24, 2024 · 8dad7d1 · 8dad7d1
1 parent 94c8d86
commit 8dad7d1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git 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,15 +13,16 @@
 }
 
 .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%;
     height: 100%;
 }
 
 .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
@@ -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;