mirror/Lidarr
1
0
Fork 0
mirror of https://github.com/lidarr/Lidarr synced 2024-12-22 15:53:23 +00:00
Code Issues 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 Bogdan
parent 6ef3a0a6d4
commit 49f452a958
1 changed files with 9 additions and 1 deletions
Show stats 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 {