From ea4e95c7105fd1619e9b02fa6a643e206cf6770b Mon Sep 17 00:00:00 2001
From: konstantin krivlenia <krivlenia@gmail.com>
Date: Thu, 5 Mar 2020 22:54:27 +0300
Subject: [PATCH] fix markup for subscribe block for long description

---
 .../__actions/comment-form__actions.scss      |  2 ++
 .../comment-form/__rss/comment-form__rss.scss |  4 +--
 .../components/comment-form/comment-form.tsx  | 30 ++++++++++---------
 3 files changed, 19 insertions(+), 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
index 00571f71..fc464662 100644
--- 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
index 96dbaafb..4df1610e 100644
--- 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
index 21e7fdf3..abd2ce2b 100644
--- 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">