From 69c789ba9df6654053aea1d104831431b88434d7 Mon Sep 17 00:00:00 2001
From: empty <let5sne.mac@gmail.com>
Date: Wed, 4 Feb 2026 00:01:51 +0800
Subject: [PATCH] fix(admin): improve mobile layout for program config section

---
 .../client-screen/src/views/AdminControl.vue  | 34 +++++++++++++------
 1 file changed, 24 insertions(+), 10 deletions(-)

diff --git a/packages/client-screen/src/views/AdminControl.vue b/packages/client-screen/src/views/AdminControl.vue
index 07b59ae..b1582a6 100644
--- a/packages/client-screen/src/views/AdminControl.vue
+++ b/packages/client-screen/src/views/AdminControl.vue
@@ -2320,9 +2320,11 @@ $admin-danger: #ef4444;
 
   // Program Section Mobile
   .program-config-item {
-    grid-template-columns: 32px 1fr 80px;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
     gap: 8px;
-    padding: 10px 12px;
+    padding: 12px;
 
     .program-team {
       display: none;
@@ -2331,19 +2333,31 @@ $admin-danger: #ef4444;
     .program-status {
       font-size: 11px;
       padding: 3px 8px;
+      margin-left: auto;
     }
   }
 
-  .program-actions {
-    grid-column: span 3;
-    justify-content: flex-end;
-    margin-top: 8px;
+  .program-order {
+    width: 28px;
+    height: 28px;
+    font-size: 12px;
+    flex-shrink: 0;
   }
 
-  .program-order {
-    width: 24px;
-    height: 24px;
-    font-size: 12px;
+  .program-name {
+    flex: 0 1 auto;
+    max-width: 120px;
+    word-break: break-all;
+  }
+
+  .program-actions {
+    width: 100%;
+    display: flex;
+    justify-content: flex-end;
+    gap: 8px;
+    margin-top: 4px;
+    padding-top: 8px;
+    border-top: 1px solid rgba(255, 255, 255, 0.05);
   }
 
   // Stats Section Mobile