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 {
+.name {
-  flex: 0 0 200px;
+  @add-mixin truncate;
  flex: 1 0 600px;
 }
-.name {
+.foreignId {
-  flex: 1 0 300px;
+  flex: 0 0 200px;
 }
 .addImportListExclusion {