Merge branch 'improve-quote-visuals' into 'develop'

Improve Quote Status visuals

See merge request soapbox-pub/soapbox-fe!1455

app/soapbox/features/compose/components/compose_form.js

@@ -365,7 +365,9 @@ class ComposeForm extends ImmutablePureComponent {
           }
         </AutosuggestTextarea>
 
-        <QuotedStatusContainer />
+        <div className='mb-2'>
+          <QuotedStatusContainer />
+        </div>
 
         <div
           className={classNames('flex flex-wrap items-center justify-between', {

app/soapbox/features/status/components/quoted_status.tsx

@@ -127,7 +127,7 @@ class QuotedStatus extends ImmutablePureComponent<IQuotedStatus> {
       <Stack
         space={2}
         className={classNames('mt-3 p-4 rounded-lg border border-solid border-gray-100 dark:border-slate-700 cursor-pointer', {
-          'hover:bg-gray-100 dark:hover:bg-slate-700': !compose,
+          'hover:bg-gray-50 dark:hover:bg-slate-700': !compose,
         })}
         onClick={this.handleExpandClick}
       >