From eae4da48f82828ba184e3b8ba1ffc8fbac9bd112 Mon Sep 17 00:00:00 2001
From: jlightner <jlightner@users.noreply.github.com>
Date: Mon, 30 Mar 2026 19:41:41 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20Added=20overflow:=20hidden,=20word-brea?=
 =?UTF-8?q?k,=20max-width:=20100%,=20and=20min-widt=E2=80=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- "frontend/src/App.css"

GSD-Task: S05/T01
---
 frontend/src/App.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/App.css b/frontend/src/App.css
index ccd3f53..0ce9b9a 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -1514,6 +1514,7 @@ a.app-footer__repo:hover {
   background: var(--color-bg-surface);
   border: 1px solid var(--color-border);
   border-radius: 0.5rem;
+  overflow: hidden;
 }
 
 .technique-moment__title {
@@ -1522,6 +1523,7 @@ a.app-footer__repo:hover {
   font-size: 0.9375rem;
   font-weight: 600;
   line-height: 1.3;
+  word-break: break-word;
 }
 
 .technique-moment__meta {
@@ -1530,6 +1532,7 @@ a.app-footer__repo:hover {
   gap: 0.5rem;
   margin-bottom: 0.25rem;
   flex-wrap: wrap;
+  min-width: 0;
 }
 
 .technique-moment__time {
@@ -1542,7 +1545,7 @@ a.app-footer__repo:hover {
   font-size: 0.75rem;
   color: var(--color-text-muted);
   font-family: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;
-  max-width: 20rem;
+  max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;