Fixed: Increase width and truncate long names on Import List Exclusions

(cherry picked from commit 2d0541c03b761a0ec5e10711d6bd577e07141517)
3 years ago · ca7f8775f5
parent 2a01e9b445
commit ca7f8775f5
2 changed files with 7 additions and 5 deletions
--- a/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusion.css
+++ b/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusion.css
@ -8,7 +8,7 @@
 }

 .name {
-  flex: 1 0 300px;
+  flex: 1 0 600px;
 }

 .foreignId {
--- a/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusions.css
+++ b/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusions.css
@ -4,12 +4,14 @@
  font-weight: bold;
 }

-.foreignId {
-  flex: 0 0 200px;
+.name {
+  @add-mixin truncate;
+
+  flex: 1 0 600px;
 }

-.name {
-  flex: 1 0 300px;
+.foreignId {
+  flex: 0 0 200px;
 }

 .addImportListExclusion {