From 152686af7049b6dead9a63a10f66d10218a4b4df Mon Sep 17 00:00:00 2001
From: Erik Derohanian <erik@erik-j.de>
Date: Sat, 11 Dec 2021 12:39:47 -0500
Subject: [PATCH] fix for mobile highlighting width

---
 assets/scss/components/code-highlight.scss | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/assets/scss/components/code-highlight.scss b/assets/scss/components/code-highlight.scss
index 7a87645..970e738 100644
--- a/assets/scss/components/code-highlight.scss
+++ b/assets/scss/components/code-highlight.scss
@@ -3,7 +3,7 @@ $ht-code-border-radius: .4em;
     width: 55%;
     overflow-x: scroll;
     border-radius: $ht-code-border-radius;
-    
+
     &>div.chroma>table.lntable{
         margin: $ht-code-border-radius 0 $ht-code-border-radius 0;
         & td:first-of-type {
@@ -28,7 +28,7 @@ $ht-code-border-radius: .4em;
         // border-radius: $ht-code-border-radius / 2;
         display: block;
     }
-    
+
     &::-webkit-scrollbar {
         border-radius: $ht-code-border-radius;
         width: 10px;
@@ -39,6 +39,12 @@ $ht-code-border-radius: .4em;
     }
 }
 
+@media screen and (max-width: 760px) {
+    .highlight {
+        width: 90%;
+    }
+}
+
 .highlight .lntable {
     overflow: initial;
 }