diff --git a/assets/layers/questions/questions.json b/assets/layers/questions/questions.json index 6a43e6689..bd3156ccf 100644 --- a/assets/layers/questions/questions.json +++ b/assets/layers/questions/questions.json @@ -16,8 +16,9 @@ "id": "images", "description": "This block shows the known images which are linked with the `image`-keys, but also via `mapillary` and `wikidata` and shows the button to upload new images", "render": { - "*": "{image_carousel()}{image_upload()}{nearby_images()}" - } + "*": "{image_carousel()}{image_upload()}{nearby_images():my-4}" + }, + "classes": "my-4" }, { "id": "mapillary", diff --git a/public/css/index-tailwind-output.css b/public/css/index-tailwind-output.css index cf19b7cc1..c44fdfce0 100644 --- a/public/css/index-tailwind-output.css +++ b/public/css/index-tailwind-output.css @@ -2499,51 +2499,6 @@ button.link:hover { fill: var(--foreground-color) !important; } -.neutral-label{ - /** This label styles as normal text. It's power comes from the many :not(.neutral-label) entries. - * Placed here for autocompletion - */ -} - -label:not(.neutral-label) { - /** - * Label should _contain_ the input element - */ - border: 2px solid var(--interactive-background); - padding: 0.25rem; - padding-right: 0.5rem; - padding-left: 0.5rem; - border-radius: 0.5rem; - background-color: var(--low-interaction-background); - width: 100%; - box-sizing: border-box; - transition: all 250ms; -} - -label:hover:not(.neutral-label) { - background-color: var(--catch-detail-color); - color: var(--catch-detail-foregroundcolor); - border: 2px solid var(--interactive-contrast) -} - -label:not(.no-image-background):not(.neutral-label) img { - padding: 0.25rem; - border-radius: 0.25rem; - background: var(--low-interaction-background); -} - -label:not(.neutral-label) svg path { - transition: all 250ms; -} - -label:hover:not(.no-image-background):not(.neutral-label) svg path { - fill: var(--catch-detail-foregroundcolor) !important; -} - -label.checked:not(.neutral-label) { - border: 2px solid var(--foreground-color); -} - .links-w-full a:not(.weblate-link) { display: flex; -webkit-column-gap: 0.25rem; @@ -2594,6 +2549,55 @@ select:hover { border-color: var(--catch-detail-color-contrast); } +.neutral-label{ + /** This label styles as normal text. It's power comes from the many :not(.neutral-label) entries. + * Placed here for autocompletion + */ +} + +label:not(.neutral-label):not(.button) { + /** + * Label should _contain_ the input element + */ + border: 2px solid var(--interactive-background); + padding: 0.25rem; + padding-right: 0.5rem; + padding-left: 0.5rem; + border-radius: 0.5rem; + background-color: var(--low-interaction-background); + width: 100%; + box-sizing: border-box; + transition: all 250ms; +} + +label.button { + width: 100%; +} + +label:hover:not(.neutral-label) { + background-color: var(--catch-detail-color); + color: var(--catch-detail-foregroundcolor); + border: 2px solid var(--interactive-contrast) +} + +label:not(.no-image-background):not(.neutral-label) img { + padding: 0.25rem; + border-radius: 0.25rem; + background: var(--low-interaction-background); +} + +label:not(.neutral-label) svg path { + transition: all 250ms; +} + +label:hover:not(.no-image-background):not(.neutral-label) svg path { + fill: var(--catch-detail-foregroundcolor) !important; +} + +label.checked:not(.neutral-label) { + border: 2px solid var(--foreground-color); +} + /************************* OTHER CATEGORIES ********************************/ /** diff --git a/src/UI/Base/FileSelector.svelte b/src/UI/Base/FileSelector.svelte index 09dd91362..17c75f8cc 100644 --- a/src/UI/Base/FileSelector.svelte +++ b/src/UI/Base/FileSelector.svelte @@ -38,6 +38,7 @@ >