fix: Adjust panel size calculations and clean up realTimeViz styles

app/src/styles/pages/realTimeViz.scss

@@ -306,7 +306,6 @@
         min-height: 150px;
 
         .chart-container {
-
           min-width: 160px;
         }
       }
@@ -324,14 +323,12 @@
       left: 0;
       top: 0;
       bottom: 0;
-
-
     }
 
     &.right-panel {
       right: 0;
       top: 0;
-      bottom: 0
+      bottom: 0;
     }
 
     &.left-panel,
@@ -342,7 +339,6 @@
         flex-direction: column;
         width: 100%;
 
-
         gap: 6px;
 
         .chart-container {
@@ -355,8 +351,6 @@
           background-color: var(--background-color);
           position: relative;
         }
-
-
       }
     }
   }
@@ -368,8 +362,8 @@
 
 .playingFlase {
   .zone-wrapper.bottom {
-    bottom: calc(var(--realTimeViz-container-height) * 0.3);
-    bottom: 210px;
+    bottom: calc(var(--realTimeViz-container-height) * 0.25);
+    // bottom: 210px;
   }
 }
 
@@ -658,9 +652,6 @@
         }
       }
     }
-
-
-
   }
 }
 
@@ -756,14 +747,13 @@
 }
 
 .connectionSuccess {
-  outline-color: #43C06D;
+  outline-color: #43c06d;
 }
 
 .connectionFails {
   outline-color: #ffe3e0;
 }
 
-
 .editWidgetOptions {
   position: absolute;
   // top: 50%;
@@ -796,4 +786,4 @@
       }
     }
   }
-}
+}