fix markup for subscribe block for long description

umputun · Mar 7, 2020 · ea4e95c · ea4e95c
1 parent f0eeb37
commit ea4e95c
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 17 deletions.
diff --git a/frontend/app/components/comment-form/__actions/comment-form__actions.scss b/frontend/app/components/comment-form/__actions/comment-form__actions.scss
@@ -2,4 +2,6 @@
   display: flex;
   align-items: center;
   padding-top: 8px;
+  flex-wrap: wrap;
+  justify-content: space-between;
 }
diff --git a/frontend/app/components/comment-form/__rss/comment-form__rss.scss b/frontend/app/components/comment-form/__rss/comment-form__rss.scss
@@ -1,7 +1,5 @@
 .comment-form__rss {
-  margin-left: auto;
-  align-self: flex-end;
+  margin-top: 8px;
   font-size: 12px;
   line-height: 1;
-  text-align: right;
 }
diff --git a/frontend/app/components/comment-form/comment-form.tsx b/frontend/app/components/comment-form/comment-form.tsx
@@ -444,21 +444,23 @@ export class CommentForm extends Component<Props, State> {
           ))}
 
         <div className="comment-form__actions">
-          {!props.simpleView && (
-            <Button
-              kind="secondary"
-              theme={props.theme}
-              size="large"
-              mix="comment-form__button"
-              disabled={isDisabled}
-              onClick={this.getPreview}
-            >
-              <FormattedMessage id="commentForm.preview" defaultMessage="Preview" />
+          <div>
+            {!props.simpleView && (
+              <Button
+                kind="secondary"
+                theme={props.theme}
+                size="large"
+                mix="comment-form__button"
+                disabled={isDisabled}
+                onClick={this.getPreview}
+              >
+                <FormattedMessage id="commentForm.preview" defaultMessage="Preview" />
+              </Button>
+            )}
+            <Button kind="primary" size="large" mix="comment-form__button" type="submit" disabled={isDisabled}>
+              {label}
             </Button>
-          )}
-          <Button kind="primary" size="large" mix="comment-form__button" type="submit" disabled={isDisabled}>
-            {label}
-          </Button>
+          </div>
 
           {!props.simpleView && props.mode === 'main' && (
             <div className="comment-form__rss">