fix(#1323): align text and icon in dataset name (#1324)

Closes #1323
argilla-io · Mar 28, 2022 · 158fcad · 158fcad
1 parent e531675
commit 158fcad
Showing 1 changed file with 13 additions and 4 deletions.
diff --git a/frontend/components/core/table/ReTableInfo.vue b/frontend/components/core/table/ReTableInfo.vue
@@ -511,7 +511,12 @@ export default {
       }
       &:first-child {
         flex-shrink: 0;
-        min-width: 220px;
+        min-width: 240px;
+        a {
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
       }
     }
     .svg-icon {
@@ -553,8 +558,10 @@ export default {
     display: block;
     @include font-size(15px);
     word-break: break-word;
-    display: flex;
-    align-items: center;
+    span {
+      display: flex;
+      align-items: center;
+    }
     .button-icon {
       margin-left: 5px;
       padding: 0;
@@ -564,12 +571,14 @@ export default {
       }
     }
     a {
-      width: 100%;
       text-decoration: none;
       &:hover {
         color: $primary-color;
       }
     }
+    .svg-icon {
+      max-width: 13px;
+    }
   }
   &__group {
     padding-bottom: 2em;