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.

1 files changed, 6 insertions, 0 deletions

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);