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

Closes #4528
Sonarr · Nov 28, 2021 · 2d0541c · 2d0541c
1 parent ae328c1
commit 2d0541c
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 8 deletions.
diff --git a/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusion.css b/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusion.css
@@ -8,11 +8,13 @@
 }
 
 .title {
-  flex: 0 0 300px;
+  @add-mixin truncate;
+
+  flex: 0 1 600px;
 }
 
 .tvdbId {
-  flex: 0 0 400px;
+  flex: 0 0 70px;
 }
 
 .actions {

diff --git 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;
+.title {
+  flex: 0 1 600px;
 }
 
-.path {
-  flex: 0 0 400px;
+.tvdbId {
+  flex: 0 0 70px;
 }
 
 .addImportListExclusion {

diff --git a/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusions.js b/frontend/src/Settings/ImportLists/ImportListExclusions/ImportListExclusions.js
@@ -50,8 +50,8 @@ class ImportListExclusions extends Component {
           {...otherProps}
         >
           <div className={styles.importListExclusionsHeader}>
-            <div className={styles.host}>Title</div>
-            <div className={styles.path}>TVDB ID</div>
+            <div className={styles.title}>Title</div>
+            <div className={styles.tvdbId}>TVDB ID</div>
           </div>
 
           <div>