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

Closes #6779

(cherry picked from commit 2d0541c03b761a0ec5e10711d6bd577e07141517)
This commit is contained in:
Mark McDowall 2021-11-28 15:46:06 -08:00 committed by Qstick
parent 48d1d47b67
commit 7b03a856c9
3 changed files with 8 additions and 6 deletions

View File

@ -8,12 +8,14 @@
}
.movieTitle {
flex: 0 0 400px;
@add-mixin truncate;
flex: 0 0 600px;
}
.tmdbId,
.movieYear {
flex: 0 0 200px;
flex: 0 0 70px;
}
.actions {

View File

@ -1,16 +1,16 @@
.importExclusionsHeader {
.importListExclusionsHeader {
display: flex;
margin-bottom: 10px;
font-weight: bold;
}
.title {
flex: 0 0 400px;
flex: 0 0 600px;
}
.tmdbId,
.movieYear {
flex: 0 0 200px;
flex: 0 0 70px;
}
.addImportExclusion {

View File

@ -50,7 +50,7 @@ class ImportListExclusions extends Component {
errorMessage={translate('UnableToLoadListExclusions')}
{...otherProps}
>
<div className={styles.importExclusionsHeader}>
<div className={styles.importListExclusionsHeader}>
<div className={styles.tmdbId}>TMDB Id</div>
<div className={styles.title}>Title</div>
<div className={styles.movieYear}>Year</div>