From d139e53d62cbd6e2a7e21e080d31e881f64bcce4 Mon Sep 17 00:00:00 2001
From: Valerii Kovalskii <kovalskyvr@mail.ru>
Date: Tue, 7 Apr 2026 18:55:26 +0300
Subject: [PATCH] fix: widen detail panel to 700px, fix row text wrapping
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Detail panel 550px → 700px (git info, commit messages, URLs were clipped)
- Detail rows use align-items:baseline + word-break:break-word

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/frontend/styles.css | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/frontend/styles.css b/src/frontend/styles.css
index 9ed8b40..9f0fb8d 100644
--- a/src/frontend/styles.css
+++ b/src/frontend/styles.css
@@ -729,8 +729,8 @@ body {
 .detail-panel {
     position: fixed;
     top: 0;
-    right: -550px;
-    width: 550px;
+    right: -700px;
+    width: 700px;
     height: 100vh;
     background: var(--bg-secondary);
     border-left: 1px solid var(--border);
@@ -1363,11 +1363,13 @@ body {
 
 .detail-row {
     display: flex;
-    align-items: center;
+    align-items: baseline;
     gap: 12px;
     padding: 6px 0;
     border-bottom: 1px solid var(--border);
     font-size: 13px;
+    word-break: break-word;
+    min-width: 0;
 }
 
 .detail-label {