diff --git a/static/css/tasks.css b/static/css/tasks.css index a40bbdb..3fd73eb 100644 --- a/static/css/tasks.css +++ b/static/css/tasks.css @@ -99,20 +99,29 @@ .status-toggle { display: flex; - gap: 0.5rem; - flex-wrap: wrap; + gap: 0; + flex-wrap: nowrap; } .status-btn { padding: 0.5rem 1rem; border: 2px solid #ddd; - border-radius: 6px; cursor: pointer; font-size: 0.875rem; font-weight: 500; transition: all 0.15s ease; background: #f8f9fa; color: #666; + margin-left: -1px; +} + +.status-btn:first-child { + border-radius: 6px 0 0 6px; + margin-left: 0; +} + +.status-btn:last-child { + border-radius: 0 6px 6px 0; } .status-btn.todo:hover { @@ -351,7 +360,7 @@ .side-panel { position: relative; right: 0; - width: 350px; + width: 400px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); border-radius: 8px; z-index: 1;