Add padding top only on smaller devices

Author: MatheusRich

src/theme/ayu-highlight.css

@@ -8,7 +8,13 @@ Original by Dempfi (https://github.com/dempfi/ayu)
   overflow-x: auto;
   background: #191f26;
   color: #e6e1cf;
-  padding: 2em 0.5em;
+  padding: 0.5em;
+}
+
+@media (max-width: 640px) {
+  .hljs {
+    padding-top: 2em;
+  }
 }
 
 .hljs-comment,

src/theme/highlight.css

@@ -61,7 +61,13 @@
   overflow-x: auto;
   background: #f6f7f6;
   color: #000;
-  padding: 2em 0.5em;
+  padding: 0.5em;
+}
+
+@media (max-width: 640px) {
+  .hljs {
+    padding-top: 2em;
+  }
 }
 
 .hljs-emphasis {

src/theme/tomorrow-night.css

@@ -81,10 +81,16 @@
   overflow-x: auto;
   background: #1d1f21;
   color: #c5c8c6;
-  padding: 2em 0.5em;
+  padding: 0.5em;
   -webkit-text-size-adjust: none;
 }
 
+@media (max-width: 640px) {
+  .hljs {
+    padding-top: 2em;
+  }
+}
+
 .coffeescript .javascript,
 .javascript .xml,
 .tex .hljs-formula,