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

@@ -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;
     }
-}
+}