Fixed: Interactive Import dropdown width on mobile

(cherry picked from commit f2f4a98eed5bc83224917897642a28381ca648b9)
pull/4925/head
Stevie Robinson 4 months ago committed by Bogdan
parent 6ef3a0a6d4
commit 49f452a958

@ -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 {

Loading…
Cancel
Save