Fix issue with long named tags getting cut off in station view

superstreamlabs · Jun 6, 2023 · a70e81a · a70e81a
1 parent bf04d3a
commit a70e81a
Showing 1 changed file with 18 additions and 16 deletions.
diff --git a/ui_src/src/domain/stationsList/stationBoxOverview/style.scss b/ui_src/src/domain/stationsList/stationBoxOverview/style.scss
@@ -14,28 +14,28 @@
     .data-labels {
         color: #84818a;
         font-size: 12px;
-        font-family: 'InterSemiBold';
+        font-family: "InterSemiBold";
         cursor: pointer;
     }
-    .poison{
-        text-align:-webkit-center;
+    .poison {
+        text-align: -webkit-center;
         text-align: -moz-center;
-        .health-icon{
+        .health-icon {
             width: 90px;
             margin-top: 10px;
         }
     }
-    .attached{
+    .attached {
         min-width: 110px;
     }
-    .station-meta{
+    .station-meta {
         display: flex;
         flex-direction: column;
-        .header{
+        .header {
             display: flex;
         }
-        .data-info{
-            margin-left:17px;
+        .data-info {
+            margin-left: 17px;
         }
     }
     .data-info {
@@ -45,7 +45,7 @@
         text-transform: capitalize;
         margin-left: 1px;
         margin-top: 10px;
-        font-family: 'InterSemiBold';
+        font-family: "InterSemiBold";
         cursor: pointer !important;
         .anticon svg {
             color: #2e2c34;
@@ -59,27 +59,28 @@
         }
     }
     .left-section {
-        width:300px;
+        max-width: 300px;
+        width: 100%;
         .check-box {
             display: flex;
             align-items: center;
             margin-bottom: 10px;
             .station-name {
                 font-size: 17px;
-                font-family: 'InterSemiBold';
+                font-family: "InterSemiBold";
                 margin: 0;
                 margin-left: 25px;
                 color: #2e2c34;
                 cursor: pointer !important;
                 align-items: center;
-                .non-native-label{
+                .non-native-label {
                     color: #84818a;
                     font-size: 12px;
-                    font-family: 'InterSemiBold';
+                    font-family: "InterSemiBold";
                 }
             }
         }
-        .date{
+        .date {
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -91,7 +92,8 @@
         border-left: 1px solid #e9e9e9;
         padding-left: 20px;
         display: flex;
-        width: 310px;
+        max-width: 400px;
+        width: 100%;
         .station-created {
             margin-right: 40px;
         }