diff --git a/lostplaces/lostplaces_app/static/main.css b/lostplaces/lostplaces_app/static/main.css index d619f72..40aa8ea 100644 --- a/lostplaces/lostplaces_app/static/main.css +++ b/lostplaces/lostplaces_app/static/main.css @@ -476,39 +476,49 @@ body { .LP-Footer .LP-LinkList__List .LP-LinkList__Item .LP-Link:hover { background-color: inherit; } -.LP-Form .LP-Form__Fieldset { - border: none; } - .LP-Form .LP-Form__Fieldset .LP-Form__Legend { - margin: 0; - padding: 0; - font-family: Montserrat, Helvetica, sans-serif; - font-size: 21px; } - .LP-Form .LP-Form__Fieldset .LP-Form__Composition { - display: flex; - flex-direction: row; - justify-content: space-between; } - .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field { - flex: 3 1 100px; - padding: 6px 15px; } - .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--wider { - flex: 5 1; } - .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--wide { - flex: 4 1; } - .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--narrow { - flex: 2 0; } - .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--narrower { - flex: 1 0; } - .LP-Form .LP-Form__Fieldset .LP-Form__Composition--buttons { - justify-content: flex-end; } - .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Button { - flex-grow: 0; - padding-left: 0; - min-width: 130px; } - .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Button .LP-Link { - display: contents; } - .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__InfoText .LP-Paragraph { +.LP-Form { + display: flex; + flex-direction: column; + align-items: center; } + .LP-Form .LP-Form__Fieldset { + border: none; + max-width: 1200px; + min-width: 750px; } + .LP-Form .LP-Form__Fieldset .LP-Form__Legend { + margin: 0; + padding: 0; font-family: Montserrat, Helvetica, sans-serif; - color: #565656; } + font-size: 21px; } + .LP-Form .LP-Form__Fieldset .LP-Form__Composition { + display: flex; + flex-direction: row; + justify-content: space-between; } + .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field { + flex: 3 2 100px; + padding: 6px 15px; } + .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--wider { + flex: 5 2; } + .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--wide { + flex: 4 2; } + .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--narrow { + flex: 2 1; } + .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--narrower { + flex: 1 2; } + .LP-Form .LP-Form__Fieldset .LP-Form__Composition--buttons { + justify-content: flex-end; } + .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Button { + flex-grow: 0; + padding-left: 0; + min-width: 130px; } + .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Button .LP-Link { + display: contents; } + .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__InfoText .LP-Paragraph { + font-family: Montserrat, Helvetica, sans-serif; + color: #565656; } + +@media (max-width: 750px) { + .LP-Form .LP-Form__Fieldset { + min-width: unset; } } @media (max-width: 650px) { .LP-Form .LP-Form__Fieldset .LP-Form__Composition--breakable { diff --git a/lostplaces/lostplaces_app/templates/place/place_create.html b/lostplaces/lostplaces_app/templates/place/place_create.html index c962b3a..ddaca85 100644 --- a/lostplaces/lostplaces_app/templates/place/place_create.html +++ b/lostplaces/lostplaces_app/templates/place/place_create.html @@ -38,12 +38,16 @@ -
- - - - -
+
+
+ +
+
+ + + +
+