diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue index 89e51b977..b70771db0 100644 --- a/src/components/post_status_form/post_status_form.vue +++ b/src/components/post_status_form/post_status_form.vue @@ -300,6 +300,7 @@ .post-status-form { .form-bottom { display: flex; + justify-content: space-between; padding: 0.5em; height: 32px; @@ -319,6 +320,7 @@ flex: 1; padding-right: 7px; margin-right: 7px; + max-width: 10em; } .text-format { @@ -344,6 +346,20 @@ color: var(--lightText, $fallback--lightText); } } + + &.selected, &:hover { + // needs to be specific to override icon default color + i, label { + color: $fallback--lightText; + color: var(--lightText, $fallback--lightText); + } + } + } + + // Order is not necessary but a good indicator + .media-upload-icon { + order: 1; + text-align: left; } // Order is not necessary but a good indicator