From 7698bbac18963d2aed5e0e342c73d19525acbd37 Mon Sep 17 00:00:00 2001
From: Rohan Verma <hello@rohanverma.net>
Date: Wed, 20 Nov 2019 11:43:59 +0530
Subject: [PATCH] fix: minour ui changes

---
 assets/css/custom.css      | 16 ++++++++++++----
 layouts/_default/list.html |  2 +-
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/assets/css/custom.css b/assets/css/custom.css
index 9717489..8a26d64 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -16,9 +16,9 @@ dark-mode-toggle {
   font-family: 'Inter';
   font-display: auto;
   font-style:  normal;
-  font-weight: 500;
-  src: url("https://rsms.me/inter/font-files/Inter-Medium.woff2") format("woff2"),
-       url("https://rsms.me/inter/font-files/Inter-Medium.woff") format("woff");
+  font-weight: 700;
+  src: url("https://rsms.me/inter/font-files/Inter-Bold.woff2") format("woff2"),
+       url("https://rsms.me/inter/font-files/Inter-Bold.woff") format("woff");
 }
 
 body.light {
@@ -33,12 +33,12 @@ body.dark {
 }
 .hack, .hack blockquote, .hack em, .hack h1, .hack h2, .hack h3, .hack h4, .hack h5, .hack h6, .hack strong {
   font-family: 'Inter', monospace;
+  font-weight: 700;
 }
 
 .hack {
   font-family: "Inter", serif;
   font-weight: 400;
-  text-align: justify;
 }
 
 a[rel*="external"]::after {
@@ -46,6 +46,10 @@ a[rel*="external"]::after {
 }
 nav a {
   padding: 2px;
+  margin-right: 0.4rem;
+}
+.side-nav a {
+  margin-right: 0.4rem;
 }
 .light nav a.active {
   background-color: inherit;
@@ -128,4 +132,8 @@ border: none;
   grid-template-columns: 1fr minmax(min-content, auto);
   column-gap: 20px;
   grid-template-areas: "div div";
+}
+
+.post-content p{
+  max-width: 40rem;
 }
\ No newline at end of file
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index c161be8..3e6b669 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -6,7 +6,7 @@
     <h1>
     <div>{{ .Title }}</div>
     <div>
-    <small>
+    <small class="side-nav">
       <a href="{{ .Params.listing  }}">Archive</a>
       <a href="/categories">Categories</a>
       <a href="/tags">Tags</a>