From 876c350a3c4b32f4b8e48fb4c6287f91a8ce0ce5 Mon Sep 17 00:00:00 2001
From: null <koga.industries@gmail.com>
Date: Sun, 24 May 2026 17:04:25 -0500
Subject: [PATCH] style: improve formatting and spacing in
 ForgejoIssueDetailDialog component

---
 .../git/ForgejoIssueDetailDialog.tsx          | 20 +++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/git/ForgejoIssueDetailDialog.tsx b/frontend/src/components/git/ForgejoIssueDetailDialog.tsx
index 92d0e97..b183c4d 100644
--- a/frontend/src/components/git/ForgejoIssueDetailDialog.tsx
+++ b/frontend/src/components/git/ForgejoIssueDetailDialog.tsx
@@ -2,7 +2,15 @@
 
 import { useEffect, useMemo, useState } from "react";
 
-import { ExternalLink, Loader2, MessageSquarePlus, Pencil, Terminal, UserPlus, XCircle } from "lucide-react";
+import {
+  ExternalLink,
+  Loader2,
+  MessageSquarePlus,
+  Pencil,
+  Terminal,
+  UserPlus,
+  XCircle,
+} from "lucide-react";
 
 import {
   Dialog,
@@ -171,7 +179,7 @@ export function ForgejoIssueDetailDialog({
     <>
       <Dialog open={open} onOpenChange={onOpenChange}>
         <DialogContent className="max-w-4xl">
-          <DialogHeader className="gap-3">
+          <DialogHeader className="gap-4">
             <div className="grid gap-3 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-start">
               <div className="min-w-0 space-y-2">
                 <DialogTitle className="break-words text-base sm:text-lg">
@@ -201,7 +209,7 @@ export function ForgejoIssueDetailDialog({
                 </Button>
               ) : null}
             </div>
-            <div className="flex flex-wrap items-center gap-2 sm:justify-end">
+            <div className="flex flex-wrap items-center gap-2">
               <Button
                 variant="outline"
                 size="sm"
@@ -237,10 +245,10 @@ export function ForgejoIssueDetailDialog({
                 size="sm"
                 className="h-9 gap-2 rounded-xl px-3 text-xs font-semibold"
                 onClick={handleDispatchToClaudeCode}
-                title="Copy issue as Claude Code prompt"
+                title="Copy issue as VSCode prompt"
               >
                 <Terminal className="h-3.5 w-3.5" />
-                Dispatch
+                VSCode
               </Button>
               <a
                 href={active.html_url}
@@ -267,7 +275,7 @@ export function ForgejoIssueDetailDialog({
             </div>
           ) : null}
 
-          <Tabs value={activeTab} onValueChange={setActiveTab}>
+          <Tabs value={activeTab} onValueChange={setActiveTab} className="mt-1">
             <TabsList>
               <TabsTrigger value="overview">Overview</TabsTrigger>
               <TabsTrigger value="comments">