claude-code-kanban 2.2.0-rc.6 → 2.2.0-rc.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-kanban",
-  "version": "2.2.0-rc.6",
+  "version": "2.2.0-rc.7",
   "description": "A web-based Kanban board for viewing Claude Code tasks with agent teams support",
   "main": "server.js",
   "bin": {

package/public/index.html

@@ -406,7 +406,7 @@
 
   <!-- Delete Confirmation Modal -->
   <div id="delete-confirm-modal" class="modal-overlay" onclick="closeDeleteConfirmModal()">
-    <div class="modal" onclick="event.stopPropagation()" style="max-width: 400px;">
+    <div class="modal modal-sm" onclick="event.stopPropagation()">
       <div class="modal-header">
         <h3 class="modal-title">Delete Task</h3>
         <button class="modal-close" aria-label="Close dialog" onclick="closeDeleteConfirmModal()">
@@ -427,7 +427,7 @@
 
   <!-- Delete All Session Tasks Confirmation Modal -->
   <div id="delete-session-tasks-modal" class="modal-overlay" onclick="closeDeleteSessionTasksModal()">
-    <div class="modal" onclick="event.stopPropagation()" style="max-width: 500px;">
+    <div class="modal" onclick="event.stopPropagation()">
       <div class="modal-header">
         <h3 class="modal-title">Delete All Tasks</h3>
         <button class="modal-close" aria-label="Close dialog" onclick="closeDeleteSessionTasksModal()">
@@ -449,7 +449,7 @@
 
   <!-- Delete Result Modal -->
   <div id="delete-result-modal" class="modal-overlay" onclick="closeDeleteResultModal()">
-    <div class="modal" onclick="event.stopPropagation()" style="max-width: 500px;">
+    <div class="modal" onclick="event.stopPropagation()">
       <div class="modal-header">
         <h3 class="modal-title">Deletion Result</h3>
         <button class="modal-close" aria-label="Close dialog" onclick="closeDeleteResultModal()">
@@ -517,7 +517,7 @@
 
   <!-- Blocked Task Warning Modal -->
   <div id="blocked-task-modal" class="modal-overlay" onclick="closeBlockedTaskModal()">
-    <div class="modal" onclick="event.stopPropagation()" style="max-width: 450px;">
+    <div class="modal modal-sm" onclick="event.stopPropagation()">
       <div class="modal-header">
         <h3 class="modal-title" style="display: flex; align-items: center; gap: 8px;">
           <svg viewBox="0 0 24 24" fill="none" stroke="#ef4444" stroke-width="2" style="width: 20px; height: 20px;">

package/public/style.css

@@ -2570,10 +2570,10 @@ body.light .msg-assistant .msg-text {
 }
 
 .modal.fullscreen {
-  width: 76vw;
-  max-width: 76vw;
-  height: 85vh;
-  max-height: 85vh;
+  width: 90vw;
+  max-width: 90vw;
+  height: 92vh;
+  max-height: 92vh;
 }
 
 .modal.plan-modal {
@@ -2584,6 +2584,17 @@ body.light .msg-assistant .msg-text {
   flex-direction: column;
 }
 
+.modal.plan-modal.fullscreen {
+  width: 90vw;
+  max-width: 90vw;
+  height: 92vh;
+  max-height: 92vh;
+}
+
+.modal-sm {
+  max-width: 440px;
+}
+
 @keyframes live-border-pulse {
   0%,
   100% {