diff --git a/app/soapbox/features/compose/components/compose_form.js b/app/soapbox/features/compose/components/compose_form.js index 237d32584..ae64a75f1 100644 --- a/app/soapbox/features/compose/components/compose_form.js +++ b/app/soapbox/features/compose/components/compose_form.js @@ -305,16 +305,11 @@ class ComposeForm extends ImmutablePureComponent { {maxTootChars &&
} +
+
+
} - - { - !condensed && -
-
-
- } - ); } diff --git a/app/styles/components/columns.scss b/app/styles/components/columns.scss index fe9bca700..a276e2116 100644 --- a/app/styles/components/columns.scss +++ b/app/styles/components/columns.scss @@ -132,7 +132,6 @@ .compose-form { padding: 15px; } - .compose-form .compose-form__publish .compose-form__publish-button-wrapper {padding-top: 15px;} .status { padding: 15px 15px 15px (48px + 15px * 2); diff --git a/app/styles/components/compose-form.scss b/app/styles/components/compose-form.scss index 28d85b0ad..93297b6a3 100644 --- a/app/styles/components/compose-form.scss +++ b/app/styles/components/compose-form.scss @@ -291,13 +291,19 @@ .compose-form__buttons-wrapper { padding: 10px; background: var(--background-color); - border-radius: 0 0 4px 4px; display: flex; justify-content: space-between; flex: 0 0 auto; .compose-form__buttons { display: flex; + + > div { + display: flex; + align-items: center; + justify-content: center; + } + .compose-form__upload-button-icon {line-height: 27px;} .compose-form__sensitive-button { @@ -314,7 +320,7 @@ .character-counter__wrapper { align-self: center; - margin-right: 4px; + margin: 0 10px 0 auto; .character-counter { cursor: default; @@ -335,7 +341,6 @@ .compose-form__publish-button-wrapper { overflow: hidden; - padding-top: 10px; } } } // end .compose-form diff --git a/app/styles/components/modal.scss b/app/styles/components/modal.scss index e3011f613..84ba5e474 100644 --- a/app/styles/components/modal.scss +++ b/app/styles/components/modal.scss @@ -621,7 +621,6 @@ } .compose-modal { - padding: 8px 0 0; overflow: hidden; background-color: var(--background-color); border-radius: 6px; @@ -632,7 +631,11 @@ &__header { display: block; position: relative; - padding: 5px 0; + padding: 10px 0; + border-bottom: 1px solid hsla(var(--primary-text-color_hsl), 0.2); + display: flex; + align-items: center; + justify-content: center; &__title { display: block; @@ -649,7 +652,6 @@ &__close { position: absolute; right: 10px; - top: 5px; color: #999; } @@ -687,6 +689,10 @@ } } } + + .compose-form .compose-form__buttons-wrapper { + padding: 0; + } } @media screen and (max-width: 895px) {