tedkulp/Readarr
1
0
Fork 0
mirror of https://github.com/Readarr/Readarr.git synced 2026-03-05 13:20:32 -05:00
Code Issues Projects Releases Wiki Activity

Fixed: Interactive Import dropdown width on mobile

Browse Source 
(cherry picked from commit f2f4a98eed5bc83224917897642a28381ca648b9)
This commit is contained in:
Stevie Robinson
2024-07-27 11:13:00 +02:00
committed by servarr
parent 73979c416a
commit 25114082a1
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.css
View File

@@ -18,12 +18,17 @@
.leftButtons, .leftButtons,
.rightButtons { .rightButtons {
display: flex; display: flex;
flex: 1 0 50%;
flex-wrap: wrap; flex-wrap: wrap;
min-width: 0;
}
.leftButtons {
flex: 0 1 auto;
} }
.rightButtons { .rightButtons {
justify-content: flex-end; justify-content: flex-end;
flex: 1 1 50%;
} }
.importMode, .importMode,
@@ -31,6 +36,7 @@
composes: select from '~Components/Form/SelectInput.css'; composes: select from '~Components/Form/SelectInput.css';
margin-right: 10px; margin-right: 10px;
max-width: 100%;
width: auto; width: auto;
} }
@@ -43,10 +49,12 @@
.leftButtons, .leftButtons,
.rightButtons { .rightButtons {
flex-direction: column; flex-direction: column;
gap: 3px;
} }
.leftButtons { .leftButtons {
align-items: flex-start; align-items: flex-start;
max-width: fit-content;
} }
.rightButtons { .rightButtons {