diff --git a/public/style.css b/public/style.css index 689aac5..3c5b7c8 100644 --- a/public/style.css +++ b/public/style.css @@ -444,6 +444,21 @@ li.load-more { margin-left: 6px; } +.status-field { + margin-bottom: 0; +} + +.status-field textarea { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.draft-visibilities .btn { + border-top: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + .draft-attachments-field { margin-top: 12px; } @@ -613,7 +628,6 @@ input.form-control[type=file] { display: flex; align-items: center; justify-content: center; - z-index: 1; left: 0; top: 0; width: 100%; @@ -726,9 +740,12 @@ input.form-control[type=file] { /* Autocomplete */ .autocomplete-menu { - position: relative; + position: absolute; margin-top: -10px; min-width: 120px; + left: 16px; + right: 16px; + z-index: 10; } .autocomplete-list { diff --git a/src/View/Draft.elm b/src/View/Draft.elm index a59d0a0..6e70123 100644 --- a/src/View/Draft.elm +++ b/src/View/Draft.elm @@ -199,7 +199,7 @@ draftView ({ draft, currentUser } as model) = ] else text "" - , div [ class "form-group" ] + , div [ class "form-group status-field" ] [ label [ for "status" ] [ text <| if hasSpoiler then