ui fixes

ANNOTATE/web/static/css/annotation_ui.css

@@ -10,6 +10,7 @@
 /* Chart Panel */
 .chart-panel {
     height: calc(100vh - 150px);
+    transition: all 0.3s ease;
 }
 
 .chart-panel .card-body {
@@ -17,6 +18,29 @@
     overflow: hidden;
 }
 
+/* Maximized Chart View */
+.chart-maximized {
+    width: 100% !important;
+    max-width: 100% !important;
+    flex: 0 0 100% !important;
+    transition: all 0.3s ease;
+}
+
+.chart-panel-maximized {
+    height: calc(100vh - 80px) !important;
+    position: fixed;
+    top: 60px;
+    left: 0;
+    right: 0;
+    z-index: 1040;
+    margin: 0 !important;
+    border-radius: 0 !important;
+}
+
+.chart-panel-maximized .card-body {
+    height: calc(100% - 60px);
+}
+
 #chart-container {
     height: 100%;
     overflow-y: auto;
@@ -236,11 +260,32 @@
     padding: 1rem;
 }
 
+/* Maximized View - Larger Charts */
+.chart-panel-maximized .chart-plot {
+    height: 400px;
+}
+
+@media (min-width: 1400px) {
+    .chart-panel-maximized .chart-plot {
+        height: 450px;
+    }
+}
+
+@media (min-width: 1920px) {
+    .chart-panel-maximized .chart-plot {
+        height: 500px;
+    }
+}
+
 /* Responsive Adjustments */
 @media (max-width: 1200px) {
     .chart-plot {
         height: 250px;
     }
+    
+    .chart-panel-maximized .chart-plot {
+        height: 350px;
+    }
 }
 
 @media (max-width: 768px) {