Merge pull request #165 from Sanketika-Obsrv/user_ui_update

fix: #OBS-I494: Dataset list text alignment
Sanketika-Obsrv · Jan 10, 2025 · 0e9c8b4 · 0e9c8b4
2 parents fe33e19 + 2e0987d
commit 0e9c8b4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/web-console-v2/src/pages/DatasetList/DatasetlistCard.module.css b/web-console-v2/src/pages/DatasetList/DatasetlistCard.module.css
@@ -20,8 +20,8 @@
     padding-right: 0.5rem !important;
     padding-left: 0.5rem !important;
     flex: 1 1 auto;
-    overflow: hidden;
     min-width: 0;
+    word-break: break-word !important;
 }
 
 .gridItemNoBorder {
@@ -136,4 +136,5 @@
     justify-content: space-between;
     align-items: center;
     width: 100%;
+    flex-wrap: wrap;
 }
diff --git a/web-console-v2/src/pages/DatasetList/DatasetlistCard.tsx b/web-console-v2/src/pages/DatasetList/DatasetlistCard.tsx
@@ -160,7 +160,7 @@ const DatasetlistCard: React.FC<DatasetlistCardProps> = ({
                                     {label}
                                 </Typography>
                                 {key === 'status' ? (
-                                    <Typography variant="caption">
+                                    <Typography variant="caption" sx={{ textAlign: 'start' }}>
                                         {getStatusLabel(String(dataset[key as keyof Dataset]))}
                                     </Typography>
                                 ) : (