Move CW field just above main textarea

2 files changed, 9 insertions, 9 deletions

diff --git a/app/javascript/flavours/glitch/features/composer/index.js b/app/javascript/flavours/glitch/features/composer/index.js
index d7f4641f6..2678ffd53 100644
--- a/app/javascript/flavours/glitch/features/composer/index.js
+++ b/app/javascript/flavours/glitch/features/composer/index.js
@@ -318,13 +318,6 @@ class Composer extends React.Component {
 
     return (
       <div className='composer'>
-        <ComposerSpoiler
-          hidden={!spoiler}
-          intl={intl}
-          onChange={handleChangeSpoiler}
-          onSubmit={handleSubmit}
-          text={spoilerText}
-        />
         {privacy === 'direct' ? <ComposerDirectWarning /> : null}
         {privacy === 'private' && amUnlocked ? <ComposerWarning /> : null}
         {privacy !== 'public' && APPROX_HASHTAG_RE.test(text) ? <ComposerHashtagWarning /> : null}
@@ -335,6 +328,13 @@ class Composer extends React.Component {
             onCancel={onCancelReply}
           />
         )}
+        <ComposerSpoiler
+          hidden={!spoiler}
+          intl={intl}
+          onChange={handleChangeSpoiler}
+          onSubmit={handleSubmit}
+          text={spoilerText}
+        />
         <ComposerTextarea
           advancedOptions={advancedOptions}
           autoFocus={!showSearch && !isMobile(window.innerWidth, layout)}
diff --git a/app/javascript/flavours/glitch/styles/components/composer.scss b/app/javascript/flavours/glitch/styles/components/composer.scss
index 0d46297a7..77ba34672 100644
--- a/app/javascript/flavours/glitch/styles/components/composer.scss
+++ b/app/javascript/flavours/glitch/styles/components/composer.scss
@@ -58,8 +58,8 @@
 }
 
 .composer--reply {
-  margin: 0 0 -2px;
-  border-radius: 4px 4px 0 0;
+  margin: 0 0 10px;
+  border-radius: 4px;
   padding: 10px;
   background: $ui-primary-color;