Fix dual toot button wrong behavior after compose re-design

diff --git a/app/javascript/mastodon/features/compose/components/compose_form.js b/app/javascript/mastodon/features/compose/components/compose_form.js
index a443f2980d54bdd3f26b942898481158df8ea61b..05ee35cf39fd6628a7e5182b095137b06224aa10 100644 (file)
--- a/app/javascript/mastodon/features/compose/components/compose_form.js
+++ b/app/javascript/mastodon/features/compose/components/compose_form.js
@@ -162,7 +162,6 @@ export default class ComposeForm extends ImmutablePureComponent {
     const text     = [this.props.spoiler_text, countableText(this.props.text), maybeEye].join('');
 
     const secondaryVisibility = this.props.settings.get('side_arm');
-    const isWideView = this.props.settings.get('stretch');
     let showSideArm = secondaryVisibility !== 'none';
 
     let publishText = '';
@@ -182,14 +181,9 @@ export default class ComposeForm extends ImmutablePureComponent {
           {
             <i
               className={`fa fa-${privacyIcons[this.props.privacy]}`}
-              style={{
-                paddingRight: (filesAttached || !isWideView) ? '0' : '5px',
-              }}
+              style={{ paddingRight: '5px' }}
             />
-          }{
-            (filesAttached || !isWideView) ? '' :
-              intl.formatMessage(messages.publish)
-          }
+          }{intl.formatMessage(messages.publish)}
         </span>
       );
 
@@ -273,7 +267,6 @@ export default class ComposeForm extends ImmutablePureComponent {
               text={publishText}
               onClick={this.handleSubmit}
               disabled={submitDisabled}
-              block
             />
           </div>
         </div>

diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index 43d484e6e278a61c578f008292d207c90966dc97..119e9feb06ace03a666c1ca2494d5e802f947547 100644 (file)
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -468,7 +468,7 @@
 
 .compose-form__publish__side-arm {
   padding: 0 !important;
-  width: 4em;
+  width: 36px;
   text-align: center;
   margin-right: 2px;
 }