[Video] Tweak order of elements in composer (#5213)

src/view/com/composer/Composer.tsx

@@ -200,6 +200,7 @@ export const ComposePost = observer(function ComposePost({
       }
     },
   })
+  const hasVideo = Boolean(videoUploadState.asset || videoUploadState.video)
 
   const [publishOnUpload, setPublishOnUpload] = useState(false)
 
@@ -730,22 +731,10 @@ export const ComposePost = observer(function ComposePost({
               />
             </View>
           )}
-
-          <View style={[a.mt_md]}>
-            {quote ? (
-              <View style={[s.mt5, s.mb2, isWeb && s.mb10]}>
-                <View style={{pointerEvents: 'none'}}>
-                  <QuoteEmbed quote={quote} />
-                </View>
-                {quote.uri !== initQuote?.uri && (
-                  <QuoteX onRemove={() => setQuote(undefined)} />
-                )}
-              </View>
-            ) : null}
           <LayoutAnimationConfig skipExiting>
-              {(videoUploadState.asset || videoUploadState.video) && (
+            {hasVideo && (
               <Animated.View
-                  style={[a.w_full, a.mt_xs]}
+                style={[a.w_full, a.mt_lg]}
                 entering={native(ZoomIn)}
                 exiting={native(ZoomOut)}>
                 {videoUploadState.asset &&
@@ -772,6 +761,17 @@ export const ComposePost = observer(function ComposePost({
               </Animated.View>
             )}
           </LayoutAnimationConfig>
+          <View style={!hasVideo ? [a.mt_md] : []}>
+            {quote ? (
+              <View style={[s.mt5, s.mb2, isWeb && s.mb10]}>
+                <View style={{pointerEvents: 'none'}}>
+                  <QuoteEmbed quote={quote} />
+                </View>
+                {quote.uri !== initQuote?.uri && (
+                  <QuoteX onRemove={() => setQuote(undefined)} />
+                )}
+              </View>
+            ) : null}
           </View>
         </Animated.ScrollView>
         <SuggestedLanguage text={richtext.text} />