Status

web/style.css

@@ -194,27 +194,12 @@ textarea {
   resize: vertical;
 }
 
-.navbar {
+.pane-status {
   display: flex;
   align-items: center;
-  gap: 14px;
-  padding: 8px 16px;
-  background: var(--surface);
-  border-bottom: 1px solid var(--border);
-}
-
-.brand {
-  font-weight: 800;
-  font-size: 14px;
-  color: var(--text);
-}
-
-.brand:hover {
-  text-decoration: none;
-}
-
-.spacer {
-  flex: 1;
+  gap: 10px;
+  margin-left: auto;
+  white-space: nowrap;
 }
 
 .connection {
@@ -405,6 +390,10 @@ a.task-link {
   flex-direction: column;
 }
 
+.view[hidden] {
+  display: none;
+}
+
 .project-view {
   overflow-y: auto;
   padding: 8px 16px 16px;
@@ -1876,45 +1865,6 @@ pre.diff .mark {
   background: rgb(0 0 0 / 0.35);
 }
 
-.modal.panel {
-  width: min(860px, 92vw);
-  height: min(80vh, 900px);
-  padding: 0;
-  overflow: hidden;
-}
-
-.modal.panel[open] {
-  display: flex;
-  flex-direction: column;
-}
-
-.panel-head {
-  display: flex;
-  align-items: center;
-  padding: 8px 12px 8px 16px;
-  border-bottom: 1px solid var(--border);
-}
-
-.panel-head h2 {
-  flex: 1;
-  margin: 0;
-  font-size: 14px;
-}
-
-.panel-close {
-  border-color: transparent;
-  background: transparent;
-  font-size: 16px;
-  line-height: 1;
-}
-
-.panel-body {
-  flex: 1;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-}
-
 .modal-text {
   margin: 0 0 16px;
   white-space: pre-wrap;
@@ -2033,10 +1983,6 @@ button.danger-primary {
   color: var(--danger);
 }
 
-.nav-link {
-  background: transparent;
-}
-
 .status-view {
   flex: 1;
   min-height: 0;