More changes to structure and UI

styles/global.css

@@ -180,24 +180,6 @@ section {
     margin-bottom: 2rem;
 }
 
-.block .block {
-    margin: 0 ;
-    border-radius: 0;
-    border-right: none;
-    border-bottom: none;
-    border-top: 1px dashed var(--main-border-color);
-    border-left: 1px dashed var(--main-border-color);
-}
-
-.block .block:first-of-type {
-    border-top: none;
-}
-
-.block .block:last-of-type {
-    border-bottom-left-radius: 1rem;
-    border-bottom:  1px dashed var(--main-border-color);
-}
-
 code {
     overflow-x: scroll;
     max-width: 100%;

styles/lists.module.css

@@ -19,3 +19,20 @@
     font-size: 0.95rem;
 }
 
+.block .block {
+    margin: 0 ;
+    border-radius: 0;
+    border-right: none;
+    border-bottom: none;
+    border-top: 1px dashed var(--main-border-color);
+    border-left: 1px dashed var(--main-border-color);
+}
+
+.block .block:first-of-type {
+    border-top: none;
+}
+
+.block .block:last-of-type {
+    border-bottom-left-radius: 1rem;
+    border-bottom:  1px dashed var(--main-border-color);
+}

styles/quick-links.module.css

@@ -1,14 +1,19 @@
 .button::after {
     content: ' \2192';
-    margin-left: 0.5rem;
+    display: inline-block;
+    transition: 100ms ease-in-out all;
+    margin-left: 0.3rem;
+}
+
+.button:hover {
     display: inline-block;
     transition: 100ms ease-in-out all;
 }
 
 .button:hover::after {
-    transform: translateX(0.2rem) scale(1.1);
+    transform: translateX(0.2rem) scale(1.3);
 }
 
 .blueButton:hover::after {
     transform: rotateZ(-45deg) scale(1.5);
-}
+}

styles/recent-posts.module.css

@@ -0,0 +1,34 @@
+.container {
+    border-bottom-left-radius: 1rem;
+    border-bottom:  1px dashed var(--main-border-color);
+    border-left:  1px dashed var(--main-border-color);
+    padding-top: 1.5rem;
+    margin-left: 0.5rem;
+}
+
+.block {
+    padding: 0.25rem 0.5rem;
+    margin: 0 0.5rem 0.25rem 0;
+    border-top:  1px dashed var(--main-border-color);
+    position: relative;
+    display: flex;
+    align-items: center;
+}
+
+.postTitle {
+    flex-grow: 8;
+    padding: 0.1rem 0.2rem;
+}
+
+.postDate {
+    font-style: italic;
+    font-size: 0.95rem;
+}
+
+.more {
+    text-align: right;
+}
+
+.more a {
+    text-decoration: none;
+}