diff options
| author | Ondřej Hruška <ondra@ondrovo.com> | 2017-10-16 22:10:14 +0200 |
|---|---|---|
| committer | Ondřej Hruška <ondra@ondrovo.com> | 2017-10-16 22:10:14 +0200 |
| commit | 26f08f0791fe5827bc6527a6e1b45727a00e093a (patch) | |
| tree | 2dc814a96daeea5a38c27a2263f89d40e34f1613 | |
| parent | 6cd5b3bbe5a11fcf25bbefba2803f2ae840f39fc (diff) | |
double-decker tootbox
| -rw-r--r-- | app/javascript/mastodon/features/compose/components/compose_form.js | 56 | ||||
| -rw-r--r-- | app/javascript/styles/components.scss | 3 |
2 files changed, 29 insertions, 30 deletions
diff --git a/app/javascript/mastodon/features/compose/components/compose_form.js b/app/javascript/mastodon/features/compose/components/compose_form.js index 5b06cef7c..a443f2980 100644 --- a/app/javascript/mastodon/features/compose/components/compose_form.js +++ b/app/javascript/mastodon/features/compose/components/compose_form.js @@ -247,36 +247,34 @@ export default class ComposeForm extends ImmutablePureComponent { <UploadFormContainer /> </div> - <div className='compose-form__buttons-wrapper'> - <div className='compose-form__buttons'> - <UploadButtonContainer /> - <DoodleButtonContainer /> - <PrivacyDropdownContainer /> - <ComposeAdvancedOptionsContainer /> - <SensitiveButtonContainer /> - <SpoilerButtonContainer /> - </div> + <div className='compose-form__buttons'> + <UploadButtonContainer /> + <DoodleButtonContainer /> + <PrivacyDropdownContainer /> + <ComposeAdvancedOptionsContainer /> + <SensitiveButtonContainer /> + <SpoilerButtonContainer /> + </div> - <div className='compose-form__publish'> - <div className='character-counter__wrapper'><CharacterCounter max={500} text={text} /></div> - <div className='compose-form__publish-button-wrapper'> - { - showSideArm ? - <Button - className='compose-form__publish__side-arm' - text={publishText2} - onClick={this.handleSubmit2} - disabled={submitDisabled} - /> : '' - } - <Button - className='compose-form__publish__primary' - text={publishText} - onClick={this.handleSubmit} - disabled={submitDisabled} - block - /> - </div> + <div className='compose-form__publish'> + <div className='character-counter__wrapper'><CharacterCounter max={500} text={text} /></div> + <div className='compose-form__publish-button-wrapper'> + { + showSideArm ? + <Button + className='compose-form__publish__side-arm' + text={publishText2} + onClick={this.handleSubmit2} + disabled={submitDisabled} + /> : '' + } + <Button + className='compose-form__publish__primary' + text={publishText} + onClick={this.handleSubmit} + disabled={submitDisabled} + block + /> </div> </div> </div> diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index 7ef3dcc43..d73809228 100644 --- a/app/javascript/styles/components.scss +++ b/app/javascript/styles/components.scss @@ -302,7 +302,7 @@ font-family: inherit; font-size: 14px; background: $simple-background-color; - border-radius: 0 0 4px; + //border-radius: 0 0 4px; } .compose-form__buttons-wrapper { @@ -452,6 +452,7 @@ .compose-form__publish { display: flex; + justify-content: flex-end; min-width: 0; } |