Move media query to chrome.css

Co-authored-by: Ambrose Chua <[email protected]>

Author: MatheusRich

src/theme/ayu-highlight.css

@@ -11,12 +11,6 @@ Original by Dempfi (https://github.com/dempfi/ayu)
   padding: 0.5em;
 }
 
-@media (max-width: 640px) {
-  .hljs {
-    padding-top: 2em;
-  }
-}
-
 .hljs-comment,
 .hljs-quote {
   color: #5c6773;

src/theme/css/chrome.css

@@ -205,6 +205,11 @@ a:hover > .hljs {
 pre {
     position: relative;
 }
+@media (max-width: 640px) {
+    pre > .buttons ~ .hljs {
+        padding-top: 2em;
+    }
+}
 pre > .buttons {
     position: absolute;
     z-index: 100;

src/theme/highlight.css

@@ -64,12 +64,6 @@
   padding: 0.5em;
 }
 
-@media (max-width: 640px) {
-  .hljs {
-    padding-top: 2em;
-  }
-}
-
 .hljs-emphasis {
   font-style: italic;
 }

src/theme/tomorrow-night.css

@@ -85,12 +85,6 @@
   -webkit-text-size-adjust: none;
 }
 
-@media (max-width: 640px) {
-  .hljs {
-    padding-top: 2em;
-  }
-}
-
 .coffeescript .javascript,
 .javascript .xml,
 .tex .hljs-formula,