fix: readability fix for small screen devices

2 files changed, 4 insertions, 8 deletions

diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 00f7ef5..e5476bc 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -11,7 +11,7 @@ pygmentscodefences = true
 pygmentscodefencesguesssyntax = true
 
 googleAnalytics = "UA-123-45"
-disqusShortname = "localhost"
+disqusShortname = "ezhil-demo"
 
 [params]
 	subtitle = "Clean and minimal personal [blog theme for Hugo](https://github.com/vividvilla/ezhil)"
diff --git a/static/css/main.css b/static/css/main.css
index 17a9e5b..fd05a1c 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -246,6 +246,8 @@ ul {
     margin: 0;
     padding: 0;
     border: none;
+    min-width: 50px;
+    margin-left: 15px;
 }
 
 .header .site-description nav ul svg {
@@ -355,7 +357,7 @@ ul {
     }
 
     h1 {
-        font-size: 2rem;
+        font-size: 1.8rem;
     }
 
     h2 {
@@ -374,9 +376,3 @@ ul {
         margin-top: 10px;
     }
 }
-
-@media (max-width: 480px) {
-    body {
-        font-size: 14px;
-    }
-}