Fix dual toot button wrong behavior after compose re-design

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={{
+              style={{ paddingRight: '5px' }}
-                paddingRight: (filesAttached || !isWideView) ? '0' : '5px',
-              }}
             />
-          }{
+          }{intl.formatMessage(messages.publish)}
-            (filesAttached || !isWideView) ? '' :
-              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>

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;
 }