From 058f5b825739721e028f74f5bf9df4cf0746ed58 Mon Sep 17 00:00:00 2001
From: Tania Rascia <hello@taniarascia.com>
Date: Sat, 2 Jul 2022 22:34:54 -0500
Subject: [PATCH] Fix up

---
 src/components/PostSidebar.js |  2 --
 src/styles/base.css           |  5 +++--
 src/styles/layout.css         | 21 +++++++++++++++++----
 src/styles/navigation.css     |  8 ++++----
 src/styles/patterns.css       | 17 +++++++++++++++--
 5 files changed, 39 insertions(+), 14 deletions(-)

diff --git a/src/components/PostSidebar.js b/src/components/PostSidebar.js
index 486cef71a..a4b83ab6d 100644
--- a/src/components/PostSidebar.js
+++ b/src/components/PostSidebar.js
@@ -12,8 +12,6 @@ export const PostSidebar = ({
 }) => {
   const category = categories?.filter((category) => category !== 'Highlight')
 
-  console.log(category)
-
   return (
     <aside className="post-sidebar">
       {thumbnail && (
diff --git a/src/styles/base.css b/src/styles/base.css
index 43daefcef..1360d78b3 100644
--- a/src/styles/base.css
+++ b/src/styles/base.css
@@ -102,6 +102,7 @@ h5 {
   margin-top: 0;
   margin-bottom: 1.5rem;
   font-weight: 600;
+  scroll-margin-top: 80px;
 }
 
 h1:not(:first-child),
@@ -232,8 +233,8 @@ img {
 }
 
 .segment.small {
-  margin-top: 0;
-  margin-bottom: 0;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
 }
 
 .segment.large {
diff --git a/src/styles/layout.css b/src/styles/layout.css
index 8a3056377..12c105073 100644
--- a/src/styles/layout.css
+++ b/src/styles/layout.css
@@ -165,8 +165,14 @@ p.hero-description {
   text-decoration: none;
 }
 
-a.anchor {
-  background: transparent;
+a.anchor,
+a.anchor:hover {
+  color: var(--link);
+  background: transparent !important;
+}
+
+a.anchor svg {
+  fill: var(--link);
 }
 
 /* Posts */
@@ -193,9 +199,9 @@ a.post:hover h3 {
 
 a.post h3 {
   margin: 0;
-  font-size: 1.1rem;
+  font-size: 1rem;
   color: var(--font-color-heading);
-  font-weight: 600;
+  font-weight: 500;
   font-family: var(--font-family-base);
   line-height: 1.3;
 }
@@ -209,6 +215,13 @@ a.post time {
   font-weight: 500;
 }
 
+@media screen and (min-width: 700px) {
+  a.post h3 {
+    font-size: 1.1rem;
+    font-weight: 600;
+  }
+}
+
 /* Grid */
 
 .grid {
diff --git a/src/styles/navigation.css b/src/styles/navigation.css
index e82c5127f..669a9bdc2 100644
--- a/src/styles/navigation.css
+++ b/src/styles/navigation.css
@@ -26,6 +26,7 @@
 .navigation .logo {
   height: 22px;
   width: 22px;
+  margin-right: 1rem;
 }
 
 .navigation nav {
@@ -50,7 +51,7 @@
   border-radius: 0;
   border-top: 2px solid transparent;
   border-bottom: 2px solid transparent;
-  margin: 0 0.4rem;
+  margin: 0 0.5rem;
 }
 
 .navigation a.brand {
@@ -101,9 +102,8 @@ button.theme-toggle:hover {
 }
 
 @media screen and (min-width: 550px) {
-  .navigation a.item,
-  .navigation button.item {
-    margin: 0 0.5rem;
+  .navigation .logo {
+    margin-right: 0;
   }
 
   .navigation a.brand {
diff --git a/src/styles/patterns.css b/src/styles/patterns.css
index aa732d683..19c6e4b8f 100644
--- a/src/styles/patterns.css
+++ b/src/styles/patterns.css
@@ -6,12 +6,25 @@
 }
 
 .circle {
-  height: 50px;
-  width: 50px;
+  height: 40px;
+  width: 40px;
+  min-width: 40px;
+  min-height: 40px;
   margin: 0.5rem 0;
   border-radius: 50%;
 }
 
+@media screen and (min-width: 700px) {
+  .circle {
+    height: 50px;
+    width: 50px;
+    min-width: 50px;
+    min-height: 50px;
+    margin: 0.5rem 0;
+    border-radius: 50%;
+  }
+}
+
 .red-1 {
   background: var(--red-1);
 }