fix(ui): prevent sidebar shrink / svg compression on Connections page

Body: Add min-width:0 / flex-shrink:0 to flex containers so sidebar stays stable and the overview svg doesn’t get squashed when the connections toolbar expands.

3 files changed, 17 insertions, 0 deletions

diff --git a/src/App.module.scss b/src/App.module.scss
index e67057f..c70e7a3 100644
--- a/src/App.module.scss
+++ b/src/App.module.scss
@@ -16,5 +16,7 @@
 
 .content {
   flex-grow: 1;
+  min-width: 0;
   overflow-y: auto;
+  overflow-x: auto;
 }
diff --git a/src/components/Connections.module.scss b/src/components/Connections.module.scss
index e355f2b..0b117f4 100644
--- a/src/components/Connections.module.scss
+++ b/src/components/Connections.module.scss
@@ -30,6 +30,7 @@
 .inputWrapper {
   width: 100%;
   max-width: 200px;
+  min-width: 0;
   margin-left: auto;
 
   @media (max-width: 768px) {
@@ -137,6 +138,7 @@
   align-items: center;
   gap: 16px;
   width: 100%;
+  min-width: 0;
 
   @media (max-width: 768px) {
     display: grid;
@@ -150,6 +152,7 @@
   display: flex;
   align-items: center;
   gap: 16px;
+  min-width: 0;
 
   @media (max-width: 768px) {
     display: contents;
@@ -162,6 +165,7 @@
   display: flex;
   align-items: center;
   gap: 4px;
+  min-width: 0;
 
   @media (max-width: 768px) {
     grid-column: 1 / -1;
@@ -181,6 +185,7 @@
 .sourceSelect {
   width: auto;
   min-width: 120px;
+  flex-shrink: 0;
 
   @media (max-width: 768px) {
     width: 100% !important;
@@ -199,6 +204,7 @@
 
 .contentWrapper {
   margin: 0 45px 20px;
+  min-width: 0;
   background-color: var(--bg-log-info-card);
   border-radius: 12px;
   box-shadow: var(--shadow-card);
diff --git a/src/components/SideBar.module.scss b/src/components/SideBar.module.scss
index d927cb7..b2ba2ce 100644
--- a/src/components/SideBar.module.scss
+++ b/src/components/SideBar.module.scss
@@ -2,7 +2,15 @@
 
 .root {
   background: var(--color-bg-sidebar);
+  width: 180px;
+  min-width: 180px;
+  flex-shrink: 0;
   position: relative;
+
+  @media (max-width: 768px) {
+    width: 100%;
+    min-width: 0;
+  }
 }
 
 .logo_meta {
@@ -67,6 +75,7 @@
     color: var(--color-icon);
     width: 22px;
     height: 22px;
+    flex-shrink: 0;
 
     @media (--breakpoint-not-small) {
       width: 24px;