From b75af7b2aa4be14021483c5345f373a5fcbb7d36 Mon Sep 17 00:00:00 2001
From: Suzanne Aitchison <suzanne@forem.com>
Date: Wed, 25 Aug 2021 16:24:31 +0100
Subject: [PATCH] unify padding of code blocks (#14590)

---
 app/assets/stylesheets/components/syntax.scss | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/components/syntax.scss b/app/assets/stylesheets/components/syntax.scss
index 1f6efdedb..26efa94ab 100644
--- a/app/assets/stylesheets/components/syntax.scss
+++ b/app/assets/stylesheets/components/syntax.scss
@@ -23,6 +23,11 @@ blockquote pre.highlight {
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   overflow-wrap: initial;
+  padding: var(--su-2);
+
+  @media (min-width: $breakpoint-m) {
+    padding: var(--su-6);
+  }
 
   code {
     font-size: 100%;
@@ -36,12 +41,6 @@ div.highlight {
   // this a way to separate scroll of long code & icons in panel
   .highlight {
     overflow: auto;
-
-    padding: var(--su-2);
-
-    @media (min-width: $breakpoint-m) {
-      padding: var(--su-6);
-    }
   }
 }