From a9915001d96c6a5a5390237374b55a7d8c282d74 Mon Sep 17 00:00:00 2001
From: Anthony Kinsey <anthony@slickage.com>
Date: Mon, 3 Feb 2025 10:13:38 -1000
Subject: [PATCH 1/2] fix(table-css): clean up css for tables

---
 src/views/Posts.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/views/Posts.vue b/src/views/Posts.vue
index d55b878..ca2b5da 100644
--- a/src/views/Posts.vue
+++ b/src/views/Posts.vue
@@ -1157,7 +1157,9 @@ $postWidth__mobile: calc(100vw - 2rem);
   img { @include transition(opacity 0.5s ease-in); opacity: 1; }
   & table {
     display: block;
-    overflow-x: scroll;
+    overflow-x: auto;
+    white-space: nowrap;
+    font-size: 0.875rem !important;
   }
   .video-wrap {
     position: relative;

From 562d1e608b1bed1dab34df407b393f31b63d909f Mon Sep 17 00:00:00 2001
From: Anthony Kinsey <anthony@slickage.com>
Date: Mon, 3 Feb 2025 10:50:08 -1000
Subject: [PATCH 2/2] fix(code-css): general cleanup for code block css

---
 src/views/Posts.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/views/Posts.vue b/src/views/Posts.vue
index ca2b5da..65a5820 100644
--- a/src/views/Posts.vue
+++ b/src/views/Posts.vue
@@ -1202,7 +1202,16 @@ $postWidth__mobile: calc(100vw - 2rem);
   border-left: 0;
   border-right: 4px solid RGB(221, 221, 221);
 }
-
+.codeheader {
+  font-weight: bold;
+}
+.code {
+  overflow-x: auto;
+  white-space: nowrap;
+  background-color: $sub-header-color;
+  font-size: $font-size-sm;
+  padding: 1rem;
+}
 #public-content {
   .posts & {
     grid-template-columns: minmax(0, 3fr) minmax($sidebarWidth, 1fr);