diff --git a/dashboard.css b/dashboard.css
index 786c4e2..b2775cf 100644
--- a/dashboard.css
+++ b/dashboard.css
@@ -1351,8 +1351,7 @@
.zen-layout-3col {
display: grid;
- /* 1fr handles the queue; minmax blocks ensure typing canvas and context remain readable */
- grid-template-columns: 1fr minmax(450px, 2.5fr) minmax(300px, 1.2fr);
+ grid-template-columns: 180px minmax(400px, 2.5fr) minmax(280px, 1.2fr);
gap: 1.5rem;
align-items: start;
padding: 1rem;
@@ -1360,7 +1359,7 @@
}
.zen-layout-3col.collapsed-queue {
- grid-template-columns: 5% minmax(450px, 3fr) minmax(300px, 1.2fr);
+ grid-template-columns: 60px minmax(400px, 3fr) minmax(280px, 1.2fr);
}
.zen-pipeline {
@@ -1521,19 +1520,9 @@
@media (max-width: 1024px) {
.queue-section,
.zen-layout,
- .zen-layout-3col,
.zen-grid {
grid-template-columns: 1fr;
}
-
- .zen-layout-3col {
- height: auto;
- }
-
- .zen-pipeline.full-height {
- height: auto;
- position: static;
- }
.revenue-grid {
grid-template-columns: 1fr;
@@ -1568,6 +1557,16 @@
.search-bar {
max-width: none;
}
+
+ .zen-layout-3col {
+ grid-template-columns: 1fr !important;
+ height: auto;
+ }
+
+ .zen-pipeline.full-height {
+ height: auto;
+ position: static;
+ }
}
/* Utility Hidden */
@@ -1634,15 +1633,55 @@ body.zen-mode-active .dash-header {
margin-left: 70px;
}
-@media (min-width: 1025px) {
- .zen-workspace-soap {
- height: 100%;
+@media (min-width: 769px) {
+ body.zen-mode-active {
+ height: 100vh;
+ overflow: hidden;
+ }
+
+ body.zen-mode-active .dashboard-main {
+ height: 100vh;
+ padding: 1.5rem 2rem;
display: flex;
flex-direction: column;
overflow: hidden;
}
- .soap-container {
+
+ body.zen-mode-active #doctor-zen-section {
+ flex: 1;
+ height: 100%;
+ overflow: hidden;
+ }
+
+ body.zen-mode-active .zen-layout-3col {
+ height: 100%;
+ padding: 0;
+ gap: 1.5rem;
+ grid-template-rows: 1fr;
+ }
+
+ body.zen-mode-active .zen-pipeline.full-height {
+ height: 100%;
+ position: static;
+ }
+
+ body.zen-mode-active .zen-workspace-soap {
+ height: 100%;
+ overflow: hidden;
+ display: flex;
+ flex-direction: column;
+ }
+
+ body.zen-mode-active .soap-container {
flex: 1;
overflow-y: auto;
}
+
+ body.zen-mode-active .zen-sidebar-right {
+ height: 100%;
+ overflow-y: auto;
+ display: flex;
+ flex-direction: column;
+ gap: 1.5rem;
+ }
}
diff --git a/dashboard.html b/dashboard.html
index 8dd2a08..ab5f294 100644
--- a/dashboard.html
+++ b/dashboard.html
@@ -14,7 +14,7 @@
-