From 1f34da91993c2c0cc54448dd77db3bc82a69dd7a Mon Sep 17 00:00:00 2001
From: Kyle Pope <kyle.a.pope@outlook.com>
Date: Wed, 18 Mar 2026 08:28:15 +0800
Subject: [PATCH] Fix CI/CD checkout failure + enlarge panel action buttons

CI/CD fixes (from debugger + docker specialist review):
- Add explicit GITEA_TOKEN for checkout auth
- Add act_runner_config.yaml with container.network: host so job
  containers can reach git.sentinelforest.xyz (root cause of 0s
  silent checkout failure)
- Mount config into act_runner container

UI: Enlarge save/close/edit/delete icons in all detail panels
(EventDetailPanel, TodoDetailPanel, ReminderDetailPanel,
TaskDetailPanel, EntityDetailPanel) from h-7/h-3.5 to h-8/h-4
for better visibility and click targets.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .gitea/workflows/deploy.yml                   |  2 ++
 act_runner_config.yaml                        |  4 +++
 docker-compose.yaml                           |  1 +
 .../components/calendar/EventDetailPanel.tsx  | 28 +++++++++----------
 .../components/projects/TaskDetailPanel.tsx   | 22 +++++++--------
 .../reminders/ReminderDetailPanel.tsx         | 24 ++++++++--------
 .../components/shared/EntityDetailPanel.tsx   |  4 +--
 .../src/components/todos/TodoDetailPanel.tsx  | 20 ++++++-------
 8 files changed, 56 insertions(+), 49 deletions(-)
 create mode 100644 act_runner_config.yaml

diff --git a/.gitea/workflows/deploy.yml b/.gitea/workflows/deploy.yml
index a2233a0..680fbe5 100644
--- a/.gitea/workflows/deploy.yml
+++ b/.gitea/workflows/deploy.yml
@@ -12,6 +12,8 @@ jobs:
     steps:
       - name: Checkout
         uses: https://github.com/actions/checkout@v4
+        with:
+          token: ${{ secrets.GITEA_TOKEN }}
 
       - name: Login to Gitea Container Registry
         uses: https://github.com/docker/login-action@v3
diff --git a/act_runner_config.yaml b/act_runner_config.yaml
new file mode 100644
index 0000000..531c7bb
--- /dev/null
+++ b/act_runner_config.yaml
@@ -0,0 +1,4 @@
+container:
+  network: host
+  privileged: false
+  options: "--security-opt label:disable"
diff --git a/docker-compose.yaml b/docker-compose.yaml
index e71be77..c49581a 100644
--- a/docker-compose.yaml
+++ b/docker-compose.yaml
@@ -72,6 +72,7 @@ services:
     volumes:
       - act_runner_data:/data
       - /var/run/docker.sock:/var/run/docker.sock
+      - ./act_runner_config.yaml:/data/config.yaml:ro
     environment:
       - GITEA_INSTANCE_URL=https://git.sentinelforest.xyz
       - GITEA_RUNNER_REGISTRATION_TOKEN=${GITEA_RUNNER_REGISTRATION_TOKEN}
diff --git a/frontend/src/components/calendar/EventDetailPanel.tsx b/frontend/src/components/calendar/EventDetailPanel.tsx
index 541c7ed..66098c3 100644
--- a/frontend/src/components/calendar/EventDetailPanel.tsx
+++ b/frontend/src/components/calendar/EventDetailPanel.tsx
@@ -591,32 +591,32 @@ export default function EventDetailPanel({
               <Button
                 variant="ghost"
                 size="icon"
-                className="h-7 w-7"
+                className="h-8 w-8"
                 onClick={() => setScopeStep(null)}
                 title="Cancel"
               >
-                <X className="h-3.5 w-3.5" />
+                <X className="h-4 w-4" />
               </Button>
             ) : (isEditing || isCreating) ? (
               <>
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7 text-green-400 hover:text-green-300"
+                  className="h-8 w-8 text-green-400 hover:text-green-300"
                   onClick={handleEditSave}
                   disabled={saveMutation.isPending}
                   title="Save"
                 >
-                  <Save className="h-3.5 w-3.5" />
+                  <Save className="h-4 w-4" />
                 </Button>
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7"
+                  className="h-8 w-8"
                   onClick={handleEditCancel}
                   title="Cancel"
                 >
-                  <X className="h-3.5 w-3.5" />
+                  <X className="h-4 w-4" />
                 </Button>
               </>
             ) : (
@@ -628,12 +628,12 @@ export default function EventDetailPanel({
                       <Button
                         variant="ghost"
                         size="icon"
-                        className="h-7 w-7"
+                        className="h-8 w-8"
                         onClick={handleEditStart}
                         disabled={isAcquiringLock || !!activeLockInfo}
                         title={activeLockInfo ? `Locked by ${activeLockInfo.locked_by_name || 'another user'}` : 'Edit event'}
                       >
-                        {isAcquiringLock ? <Loader2 className="h-3.5 w-3.5 animate-spin" /> : <Pencil className="h-3.5 w-3.5" />}
+                        {isAcquiringLock ? <Loader2 className="h-4 w-4 animate-spin" /> : <Pencil className="h-4 w-4" />}
                       </Button>
                     )}
                     {/* Leave button for invited events */}
@@ -641,11 +641,11 @@ export default function EventDetailPanel({
                       <Button
                         variant="ghost"
                         size="icon"
-                        className="h-7 w-7 text-muted-foreground hover:text-destructive"
+                        className="h-8 w-8 text-muted-foreground hover:text-destructive"
                         onClick={() => setShowLeaveDialog(true)}
                         title="Leave event"
                       >
-                        <LogOut className="h-3.5 w-3.5" />
+                        <LogOut className="h-4 w-4" />
                       </Button>
                     )}
                     {/* Delete button for own events */}
@@ -664,12 +664,12 @@ export default function EventDetailPanel({
                         <Button
                           variant="ghost"
                           size="icon"
-                          className="h-7 w-7 text-muted-foreground hover:text-destructive"
+                          className="h-8 w-8 text-muted-foreground hover:text-destructive"
                           onClick={handleDeleteStart}
                           disabled={deleteMutation.isPending}
                           title="Delete event"
                         >
-                          <Trash2 className="h-3.5 w-3.5" />
+                          <Trash2 className="h-4 w-4" />
                         </Button>
                       )
                     )}
@@ -678,11 +678,11 @@ export default function EventDetailPanel({
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7"
+                  className="h-8 w-8"
                   onClick={onClose}
                   title="Close panel"
                 >
-                  <X className="h-3.5 w-3.5" />
+                  <X className="h-4 w-4" />
                 </Button>
               </>
             )}
diff --git a/frontend/src/components/projects/TaskDetailPanel.tsx b/frontend/src/components/projects/TaskDetailPanel.tsx
index d8e26f5..30e6de1 100644
--- a/frontend/src/components/projects/TaskDetailPanel.tsx
+++ b/frontend/src/components/projects/TaskDetailPanel.tsx
@@ -285,21 +285,21 @@ export default function TaskDetailPanel({
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7 text-green-400 hover:text-green-300"
+                  className="h-8 w-8 text-green-400 hover:text-green-300"
                   onClick={handleEditSave}
                   disabled={updateTaskMutation.isPending}
                   title="Save changes"
                 >
-                  <Save className="h-3.5 w-3.5" />
+                  <Save className="h-4 w-4" />
                 </Button>
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7"
+                  className="h-8 w-8"
                   onClick={handleEditCancel}
                   title="Cancel editing"
                 >
-                  <X className="h-3.5 w-3.5" />
+                  <X className="h-4 w-4" />
                 </Button>
               </>
             ) : (
@@ -307,30 +307,30 @@ export default function TaskDetailPanel({
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7"
+                  className="h-8 w-8"
                   onClick={handleEditStart}
                   title="Edit task"
                 >
-                  <Pencil className="h-3.5 w-3.5" />
+                  <Pencil className="h-4 w-4" />
                 </Button>
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7 text-muted-foreground hover:text-destructive"
+                  className="h-8 w-8 text-muted-foreground hover:text-destructive"
                   onClick={() => onDelete(task.id)}
                   title="Delete task"
                 >
-                  <Trash2 className="h-3.5 w-3.5" />
+                  <Trash2 className="h-4 w-4" />
                 </Button>
                 {onClose && (
                   <Button
                     variant="ghost"
                     size="icon"
-                    className="h-7 w-7"
+                    className="h-8 w-8"
                     onClick={onClose}
                     title="Close panel"
                   >
-                    <X className="h-3.5 w-3.5" />
+                    <X className="h-4 w-4" />
                   </Button>
                 )}
               </>
@@ -562,7 +562,7 @@ export default function TaskDetailPanel({
         {/* Comments */}
         <div className="space-y-3">
           <div className="flex items-center gap-1.5">
-            <MessageSquare className="h-3.5 w-3.5 text-muted-foreground" />
+            <MessageSquare className="h-4 w-4 text-muted-foreground" />
             <h4 className="text-[11px] text-muted-foreground uppercase tracking-wider">
               Comments
               {comments.length > 0 && (
diff --git a/frontend/src/components/reminders/ReminderDetailPanel.tsx b/frontend/src/components/reminders/ReminderDetailPanel.tsx
index e6dfe6a..bbda546 100644
--- a/frontend/src/components/reminders/ReminderDetailPanel.tsx
+++ b/frontend/src/components/reminders/ReminderDetailPanel.tsx
@@ -236,21 +236,21 @@ export default function ReminderDetailPanel({
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7 text-green-400 hover:text-green-300"
+                  className="h-8 w-8 text-green-400 hover:text-green-300"
                   onClick={handleEditSave}
                   disabled={saveMutation.isPending}
                   title="Save"
                 >
-                  <Save className="h-3.5 w-3.5" />
+                  <Save className="h-4 w-4" />
                 </Button>
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7"
+                  className="h-8 w-8"
                   onClick={handleEditCancel}
                   title="Cancel"
                 >
-                  <X className="h-3.5 w-3.5" />
+                  <X className="h-4 w-4" />
                 </Button>
               </>
             ) : (
@@ -259,22 +259,22 @@ export default function ReminderDetailPanel({
                   <Button
                     variant="ghost"
                     size="icon"
-                    className="h-7 w-7 hover:bg-orange-500/10 hover:text-orange-400"
+                    className="h-8 w-8 hover:bg-orange-500/10 hover:text-orange-400"
                     onClick={() => dismissMutation.mutate()}
                     disabled={dismissMutation.isPending}
                     title="Dismiss reminder"
                   >
-                    <BellOff className="h-3.5 w-3.5" />
+                    <BellOff className="h-4 w-4" />
                   </Button>
                 )}
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7"
+                  className="h-8 w-8"
                   onClick={handleEditStart}
                   title="Edit reminder"
                 >
-                  <Pencil className="h-3.5 w-3.5" />
+                  <Pencil className="h-4 w-4" />
                 </Button>
                 {confirmingDelete ? (
                   <Button
@@ -290,22 +290,22 @@ export default function ReminderDetailPanel({
                   <Button
                     variant="ghost"
                     size="icon"
-                    className="h-7 w-7 text-muted-foreground hover:text-destructive"
+                    className="h-8 w-8 text-muted-foreground hover:text-destructive"
                     onClick={handleDeleteClick}
                     disabled={deleteMutation.isPending}
                     title="Delete reminder"
                   >
-                    <Trash2 className="h-3.5 w-3.5" />
+                    <Trash2 className="h-4 w-4" />
                   </Button>
                 )}
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7"
+                  className="h-8 w-8"
                   onClick={onClose}
                   title="Close panel"
                 >
-                  <X className="h-3.5 w-3.5" />
+                  <X className="h-4 w-4" />
                 </Button>
               </>
             )}
diff --git a/frontend/src/components/shared/EntityDetailPanel.tsx b/frontend/src/components/shared/EntityDetailPanel.tsx
index d0ac938..75a3fe1 100644
--- a/frontend/src/components/shared/EntityDetailPanel.tsx
+++ b/frontend/src/components/shared/EntityDetailPanel.tsx
@@ -61,7 +61,7 @@ export function EntityDetailPanel<T>({
               size="icon"
               onClick={onToggleFavourite}
               aria-label={isFavourite ? `Remove from ${favouriteLabel}s` : `Add to ${favouriteLabel}s`}
-              className={`h-7 w-7 ${isFavourite ? 'text-yellow-400' : 'text-muted-foreground'}`}
+              className={`h-8 w-8 ${isFavourite ? 'text-yellow-400' : 'text-muted-foreground'}`}
             >
               {isFavourite ? (
                 <Star className="h-4 w-4 fill-yellow-400" />
@@ -75,7 +75,7 @@ export function EntityDetailPanel<T>({
             size="icon"
             onClick={onClose}
             aria-label="Close panel"
-            className="h-7 w-7"
+            className="h-8 w-8"
           >
             <X className="h-4 w-4" />
           </Button>
diff --git a/frontend/src/components/todos/TodoDetailPanel.tsx b/frontend/src/components/todos/TodoDetailPanel.tsx
index 8b6a503..afa1327 100644
--- a/frontend/src/components/todos/TodoDetailPanel.tsx
+++ b/frontend/src/components/todos/TodoDetailPanel.tsx
@@ -272,21 +272,21 @@ export default function TodoDetailPanel({
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7 text-green-400 hover:text-green-300"
+                  className="h-8 w-8 text-green-400 hover:text-green-300"
                   onClick={handleEditSave}
                   disabled={saveMutation.isPending}
                   title="Save"
                 >
-                  <Save className="h-3.5 w-3.5" />
+                  <Save className="h-4 w-4" />
                 </Button>
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7"
+                  className="h-8 w-8"
                   onClick={handleEditCancel}
                   title="Cancel"
                 >
-                  <X className="h-3.5 w-3.5" />
+                  <X className="h-4 w-4" />
                 </Button>
               </>
             ) : (
@@ -294,11 +294,11 @@ export default function TodoDetailPanel({
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7"
+                  className="h-8 w-8"
                   onClick={handleEditStart}
                   title="Edit todo"
                 >
-                  <Pencil className="h-3.5 w-3.5" />
+                  <Pencil className="h-4 w-4" />
                 </Button>
                 {confirmingDelete ? (
                   <Button
@@ -314,22 +314,22 @@ export default function TodoDetailPanel({
                   <Button
                     variant="ghost"
                     size="icon"
-                    className="h-7 w-7 text-muted-foreground hover:text-destructive"
+                    className="h-8 w-8 text-muted-foreground hover:text-destructive"
                     onClick={handleDeleteClick}
                     disabled={deleteMutation.isPending}
                     title="Delete todo"
                   >
-                    <Trash2 className="h-3.5 w-3.5" />
+                    <Trash2 className="h-4 w-4" />
                   </Button>
                 )}
                 <Button
                   variant="ghost"
                   size="icon"
-                  className="h-7 w-7"
+                  className="h-8 w-8"
                   onClick={onClose}
                   title="Close panel"
                 >
-                  <X className="h-3.5 w-3.5" />
+                  <X className="h-4 w-4" />
                 </Button>
               </>
             )}