优化任务列表空间利用，解决长任务名换行问题

- 默认状态完全隐藏按钮容器 (display: none)
- 悬停/展开时动态显示并优化左侧空间占用
- 覆盖 Bootstrap col-auto 样式，减少不必要的空间占用
- 仅影响移动端，桌面端不受影响

app/static/css/main.css

@@ -4110,9 +4110,9 @@ table.selectable-records .expand-button:hover {
     min-width: 40px; /* 大幅减少最小宽度，从160px减少到40px */
   }
 
-  /* 当任务不在悬停状态且所有按钮都是悬停显示时，进一步减少宽度 */
-  .task:not(:hover) .task-buttons {
-    min-width: 20px; /* 非悬停状态下进一步减少宽度 */
+  /* 当任务不在悬停状态且所有按钮都是悬停显示时，完全隐藏按钮容器 */
+  .task:not(:hover):not(.task-expanded) .task-buttons {
+    display: none; /* 完全隐藏按钮容器，释放所有空间 */
   }
 
   /* 移动端任务列表显示优化 */
@@ -4134,6 +4134,25 @@ table.selectable-records .expand-button:hover {
     justify-content: center;
   }
 
+  /* 悬停或展开状态下恢复按钮容器的显示和空间 */
+  .task:hover .task-buttons,
+  .task.task-expanded .task-buttons {
+    display: flex !important; /* 恢复显示 */
+    min-width: 40px !important;
+    padding-right: 15px !important;
+    padding-left: 0 !important; /* 移除左内边距 */
+    margin-left: 0 !important; /* 移除左外边距 */
+    justify-content: flex-end; /* 按钮右对齐 */
+  }
+
+  /* 针对移动端，覆盖Bootstrap col-auto的默认样式 */
+  .task:hover .col-auto.task-buttons,
+  .task.task-expanded .col-auto.task-buttons {
+    flex: 0 0 auto !important; /* 不伸缩，仅占用内容宽度 */
+    width: auto !important; /* 自动宽度 */
+    max-width: none !important; /* 移除最大宽度限制 */
+  }
+
   .task:hover .task-latest-date,
   .task:hover .task-latest-file,
   .task.task-expanded .task-latest-date,