web/satellite: fix long table content overflow

This change fixes an issue where long text content in the common table
will overflow and breaks layout.

Change-Id: I30f6e08488410359e0a97995f8d769b272b56c72

web/satellite/src/components/common/VTable.vue

@@ -151,59 +151,30 @@ const emit = defineEmits(['selectAllClicked']);
     }
 }
 
-@media screen and (width <= 970px) {
+tbody tr > .data p {
+    max-width: 25rem;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 
-    tbody tr > .data p {
-        max-width: 25rem;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
+    @media screen and (width <= 970px) {
+        max-width: 15rem;
     }
-}
 
-@media screen and (width <= 870px) {
+    @media screen and (width <= 870px) {
+        max-width: 10rem;
+    }
 
-    tbody tr > .data p {
-        max-width: 20rem;
+    @media screen and (width <= 350px) {
+        max-width: 8rem;
     }
 }
 
-@media screen and (width <= 550px) {
+@media screen and (width <= 600px) {
 
     .select {
         display: none;
     }
-
-    tbody tr > .data p {
-        max-width: 25rem;
-    }
-}
-
-@media screen and (width <= 660px) {
-
-    tbody tr > .data p {
-        max-width: 15rem;
-    }
 }
 
-@media screen and (width <= 550px) {
-
-    tbody tr > .data p {
-        max-width: 15rem;
-    }
-}
-
-@media screen and (width <= 440px) {
-
-    tbody tr > .data p {
-        max-width: 10rem;
-    }
-}
-
-@media screen and (width <= 350px) {
-
-    tbody tr > .data p {
-        max-width: 8rem;
-    }
-}
 </style>