From a96288713313da3c024103f8959e24053d94f0cf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lorenzo=20Dellac=C3=A0?= <lorenzo.dellaca@mind-overflow.net>
Date: Mon, 9 Nov 2020 12:13:02 +0100
Subject: [PATCH] Fix mobile title and code block

- On posts, the line-height was too high and mobile devices were overflowing the title on top. Now it's smaller, so a longer title should not be a problem.
- The horizontal navbar on code blocks was always present. Now, it only shows when necessary.
---
 assets/css/screen.css | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/assets/css/screen.css b/assets/css/screen.css
index b246633..9625fd5 100755
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -667,6 +667,7 @@ instead of pages ".mind-page*".
 
 .mind-post-header h1 {
     margin: 0 20px;
+    line-height: 70px;
 }
 
 /* 5.2. Content
@@ -719,7 +720,7 @@ img.mind-post_feature-image {
 
 .mind-post_content pre {
     background-color: rgb(20, 20, 20);
-    overflow-x: scroll;
+    overflow-x: auto;
     border: 1px solid black;
     border-radius: 5px;
     font-size: 14px;
@@ -1224,6 +1225,11 @@ div.mind-policy-popup {
         grid-template-columns: 1fr 1fr;
     }
 
+    .mind-post-header h1 {
+        margin: 0 20px;
+        line-height: 60px;
+    }
+
     .mind-post_main {
         grid-template-columns: 1fr;
     }
@@ -1285,6 +1291,10 @@ div.mind-policy-popup {
         font-size: 11px;
     }
 
+    .mind-post-header  h1 {
+        line-height: 40px;
+    }
+
     .mind-post-card-big_header h3 {
         font-size: 23px;
     }
@@ -1292,7 +1302,6 @@ div.mind-policy-popup {
         font-size: 11px;
     }
 
-
     .mind-post-card-big_main {
         font-size: 15px;
     }
@@ -1380,10 +1389,6 @@ div.mind-policy-popup {
         font-size: 19px;
     }
 
-    .mind-post-card-big_meta {
-        font-size: 10px;
-    }
-
     .mind-post_central-column {
         font-size: 14px;
     }
@@ -1392,8 +1397,11 @@ div.mind-policy-popup {
         font-size: 11px;
     }
 
+    .mind-post-card-big_meta {
+        font-size: 10px;
+    }
 
     .mind-site-footer_main {
         font-size: 16px;
     }
-}
\ No newline at end of file
+}