From 8280908c39626d515759471767c021c6bb9a52d4 Mon Sep 17 00:00:00 2001
From: ta264 <ta264@users.noreply.github.com>
Date: Tue, 16 Nov 2021 21:06:16 +0000
Subject: [PATCH] Fixed: Import list exclusion display overflow

Fixes #1140
---
 .../ImportListExclusions/ImportListExclusion.css          | 6 +++---
 .../ImportListExclusions/ImportListExclusion.js           | 2 +-
 .../ImportListExclusions/ImportListExclusions.css         | 8 ++++----
 .../ImportListExclusions/ImportListExclusions.js          | 4 ++--
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusion.css b/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusion.css
index e25605378..0b9712140 100644
--- a/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusion.css
+++ b/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusion.css
@@ -7,12 +7,12 @@
   line-height: 30px;
 }
 
-.authorName {
-  flex: 0 0 300px;
+.name {
+  flex: 1 0 300px;
 }
 
 .foreignId {
-  flex: 0 0 400px;
+  flex: 0 0 200px;
 }
 
 .actions {
diff --git a/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusion.js b/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusion.js
index b118fd96e..1f963c669 100644
--- a/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusion.js
+++ b/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusion.js
@@ -65,8 +65,8 @@ class ImportListExclusion extends Component {
           styles.importListExclusion
         )}
       >
-        <div className={styles.authorName}>{authorName}</div>
         <div className={styles.foreignId}>{foreignId}</div>
+        <div className={styles.name}>{authorName}</div>
 
         <div className={styles.actions}>
           <Link
diff --git a/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusions.css b/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusions.css
index 99e1c1e99..3f5a8f868 100644
--- a/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusions.css
+++ b/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusions.css
@@ -4,12 +4,12 @@
   font-weight: bold;
 }
 
-.host {
-  flex: 0 0 300px;
+.foreignId {
+  flex: 0 0 200px;
 }
 
-.path {
-  flex: 0 0 400px;
+.name {
+  flex: 1 0 300px;
 }
 
 .addImportListExclusion {
diff --git a/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusions.js b/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusions.js
index 1cc0fbb03..997583cd5 100644
--- a/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusions.js
+++ b/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusions.js
@@ -51,8 +51,8 @@ class ImportListExclusions extends Component {
           {...otherProps}
         >
           <div className={styles.importListExclusionsHeader}>
-            <div className={styles.host}>Name</div>
-            <div className={styles.path}>Foreign Id</div>
+            <div className={styles.foreignId}>Foreign Id</div>
+            <div className={styles.name}>Name</div>
           </div>
 
           <div>