From cbb8988cb8c057eb6ca3dcc5792c0aef074a4007 Mon Sep 17 00:00:00 2001
From: David Karlsson <35727626+dvdksn@users.noreply.github.com>
Date: Thu, 25 Apr 2024 15:34:04 +0200
Subject: [PATCH 1/3] css: fix line wraps for code spans

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
---
 assets/css/code.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/css/code.css b/assets/css/code.css
index 47bf0c75e8ca..3dcb68fb7d0c 100644
--- a/assets/css/code.css
+++ b/assets/css/code.css
@@ -20,7 +20,7 @@
     overflow-wrap: anywhere;
     padding: 0 4px;
     table & {
-      overflow-wrap: nowrap;
+      overflow-wrap: unset;
     }
   }
 

From 28e23d9ccb21562a8d6c299a05c5a693890fb52d Mon Sep 17 00:00:00 2001
From: David Karlsson <35727626+dvdksn@users.noreply.github.com>
Date: Thu, 25 Apr 2024 15:35:21 +0200
Subject: [PATCH 2/3] css: apply basic styles to indented code blocks

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
---
 assets/css/code.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/assets/css/code.css b/assets/css/code.css
index 3dcb68fb7d0c..08d9346fcc53 100644
--- a/assets/css/code.css
+++ b/assets/css/code.css
@@ -24,6 +24,20 @@
     }
   }
 
+  /* Indented code blocks */
+  :not(.highlight) > pre {
+    @apply my-4 overflow-x-auto p-3;
+    font-size: 0.875em;
+    border: 1px solid;
+    border-radius: theme("spacing.1");
+    background: theme("colors.white");
+    border-color: theme("colors.gray.light.300");
+    .dark & {
+      background: theme("colors.gray.dark.200");
+      border-color: theme("colors.gray.dark.300");
+    }
+  }
+
   .highlight {
     @apply my-4 overflow-x-auto p-3;
 

From 5f563c6c4149f0e63eb61e7341717264d7b1be22 Mon Sep 17 00:00:00 2001
From: David Karlsson <35727626+dvdksn@users.noreply.github.com>
Date: Thu, 25 Apr 2024 15:50:09 +0200
Subject: [PATCH 3/3] fix: sidebar-width sm screens

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
---
 hugo_stats.json              | 2 +-
 layouts/_default/baseof.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/hugo_stats.json b/hugo_stats.json
index bed482919fae..058e63d8fe8a 100644
--- a/hugo_stats.json
+++ b/hugo_stats.json
@@ -274,6 +274,7 @@
       "lg:grid-cols-3",
       "lg:grid-cols-main-lg",
       "lg:hidden",
+      "lg:max-w-[300px]",
       "lg:no-underline",
       "lg:pb-2",
       "lg:scale-100",
@@ -286,7 +287,6 @@
       "max-h-full",
       "max-w-56",
       "max-w-[1400px]",
-      "max-w-[300px]",
       "max-w-[840px]",
       "max-w-full",
       "max-w-none",
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index c422ef2d9b82..b4cc2e57268e 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -25,7 +25,7 @@
            $store.showSidebar = false;
          "
       >
-      <div class="max-w-[300px] ml-auto p-2">
+      <div class="w-full max-w-none lg:max-w-[300px] ml-auto p-2">
         {{ block "left" . }}
         {{ end }}
       </div>