From 5e91cc458a5797e197b1a2476c85ed4c2d4d91bb Mon Sep 17 00:00:00 2001
From: Michael Freno <michaelt.freno@gmail.com>
Date: Mon, 22 Dec 2025 19:21:08 -0500
Subject: [PATCH] closer match

---
 src/app.tsx                      | 17 ++++-------------
 src/components/RecentCommits.tsx |  6 +++---
 2 files changed, 7 insertions(+), 16 deletions(-)

diff --git a/src/app.tsx b/src/app.tsx
index 642fadd..07ba189 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -200,20 +200,11 @@ function AppLayout(props: { children: any }) {
         >
           <div
             class="bg-base relative h-screen overflow-x-hidden overflow-y-scroll"
-            style={
-              barsInitialized()
-                ? {
-                    width: `${centerWidth()}px`,
-                    "margin-left": `${leftBarSize()}px`
-                  }
-                : { width: "calc(100vw - 600px)", "margin-left": "300px" }
-            }
+            style={{
+              width: `${centerWidth()}px`,
+              "margin-left": `${leftBarSize()}px`
+            }}
           >
-            <noscript>
-              <div class="bg-yellow text-crust border-text fixed top-0 z-150 ml-16 border-b-2 p-4 text-center font-semibold md:ml-64">
-                JavaScript is disabled. Features will be limited.
-              </div>
-            </noscript>
             <div
               class="py-16"
               onMouseUp={handleCenterTapRelease}
diff --git a/src/components/RecentCommits.tsx b/src/components/RecentCommits.tsx
index 1a747c7..025604e 100644
--- a/src/components/RecentCommits.tsx
+++ b/src/components/RecentCommits.tsx
@@ -57,9 +57,9 @@ export const RecentCommits: Component<{
                     <div class="flex min-w-0 flex-col gap-1">
                       <SkeletonText class="h-3 w-full" />
                       <SkeletonText class="h-3 w-3/4" />
-                      <SkeletonText class="h-2 w-16" />
+                      <SkeletonText class="my-1 h-2 w-10" />
                       <div class="flex min-w-0 items-center gap-2 overflow-hidden">
-                        <SkeletonBox class="h-4 w-16" />
+                        <SkeletonBox class="h-5 w-16" />
                         <SkeletonText class="h-2 w-24" />
                       </div>
                     </div>
@@ -85,7 +85,7 @@ export const RecentCommits: Component<{
                   class="flex min-w-0 flex-col gap-1"
                 >
                   <div class="flex min-w-0 items-start justify-between gap-2">
-                    <span class="text-text line-clamp-2 min-w-0 flex-1 text-xs leading-tight font-medium break-words">
+                    <span class="text-text line-clamp-2 min-w-0 flex-1 text-xs leading-tight font-medium wrap-break-word">
                       {commit.message}
                     </span>
                   </div>