UX: move confirm button away from close-button

This commit is contained in:
Pieter Vander Vennet 2023-06-15 14:30:36 +02:00
parent 19ab941287
commit b2a10e7af9
3 changed files with 11 additions and 7 deletions

View file

@ -320,7 +320,7 @@
/> />
</div> </div>
<div class={twJoin(!preciseInputIsTapped && "hidden", "absolute top-4 flex justify-center w-full")}> <div class={twJoin(!preciseInputIsTapped && "hidden", "absolute top-0 p-12 flex justify-center w-full")}>
<NextButton on:click={confirm} clss="primary w-fit"> <NextButton on:click={confirm} clss="primary w-fit">
<div class="flex w-full justify-end gap-x-2"> <div class="flex w-full justify-end gap-x-2">
<Tr t={Translations.t.general.add.confirmLocation}/> <Tr t={Translations.t.general.add.confirmLocation}/>

View file

@ -1,6 +1,6 @@
{ {
"name": "mapcomplete", "name": "mapcomplete",
"version": "0.30.6", "version": "0.30.7",
"repository": "https://github.com/pietervdvn/MapComplete", "repository": "https://github.com/pietervdvn/MapComplete",
"description": "A small website to edit OSM easily", "description": "A small website to edit OSM easily",
"bugs": "https://github.com/pietervdvn/MapComplete/issues", "bugs": "https://github.com/pietervdvn/MapComplete/issues",

View file

@ -804,11 +804,6 @@ video {
margin-right: 0.25rem; margin-right: 0.25rem;
} }
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.my-4 { .my-4 {
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
@ -829,6 +824,11 @@ video {
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
} }
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mx-4 { .mx-4 {
margin-left: 1rem; margin-left: 1rem;
margin-right: 1rem; margin-right: 1rem;
@ -1551,6 +1551,10 @@ video {
padding: 0px; padding: 0px;
} }
.p-12 {
padding: 3rem;
}
.px-1 { .px-1 {
padding-left: 0.25rem; padding-left: 0.25rem;
padding-right: 0.25rem; padding-right: 0.25rem;