Revert "fix: styles for message input auto complete input"

This reverts commit 1233260.

Author: khushal87

package/src/components/AutoCompleteInput/AutoCompleteInput.tsx

@@ -142,7 +142,6 @@ const AutoCompleteInputWithContext = (props: AutoCompleteInputPropsWithContext)
         {
           color: black,
           maxHeight: (textHeight || 17) * numberOfLines,
-          paddingHorizontal: command ? 4 : 16,
           textAlign: I18nManager.isRTL ? 'right' : 'left',
         },
         inputBox,
@@ -206,7 +205,8 @@ const styles = StyleSheet.create({
     flex: 1,
     fontSize: 16,
     includeFontPadding: false, // for android vertical text centering
-    paddingVertical: 12,
+    padding: 0, // removal of default text input padding on android
+    paddingTop: 0, // removal of iOS top padding for weird centering
     textAlignVertical: 'center', // for android vertical text centering
   },
 });

package/src/components/MessageInput/AttachmentUploadPreviewList.tsx

@@ -264,10 +264,10 @@ export const AttachmentUploadPreviewList = (props: AttachmentUploadPreviewListPr
 const styles = StyleSheet.create({
   attachmentSeparator: {
     borderBottomWidth: 1,
-    marginVertical: 8,
+    marginBottom: 10,
   },
-  filesFlatList: { maxHeight: FILE_PREVIEW_HEIGHT * 2.5 + 16 },
-  imagesFlatList: {},
+  filesFlatList: { marginBottom: 12, maxHeight: FILE_PREVIEW_HEIGHT * 2.5 + 16 },
+  imagesFlatList: { paddingBottom: 12 },
 });
 
 AttachmentUploadPreviewList.displayName =

package/src/components/MessageInput/MessageInput.tsx

@@ -63,14 +63,15 @@ import { AutoCompleteInput } from '../AutoCompleteInput/AutoCompleteInput';
 import { CreatePoll } from '../Poll/CreatePollContent';
 
 const styles = StyleSheet.create({
-  attachmentPreviewListContainer: { paddingTop: 12 },
   attachmentSeparator: {
     borderBottomWidth: 1,
     marginBottom: 10,
   },
   autoCompleteInputContainer: {
     alignItems: 'center',
     flexDirection: 'row',
+    paddingLeft: 16,
+    paddingRight: 16,
   },
   composerContainer: {
     alignItems: 'center',
@@ -91,7 +92,7 @@ const styles = StyleSheet.create({
   optionsContainer: {
     flexDirection: 'row',
   },
-  replyContainer: { paddingBottom: 0, paddingHorizontal: 8, paddingTop: 8 },
+  replyContainer: { paddingBottom: 12, paddingHorizontal: 8 },
   sendButtonContainer: {},
   suggestionsListContainer: {
     position: 'absolute',
@@ -230,7 +231,6 @@ const MessageInputWithContext = (props: MessageInputPropsWithContext) => {
     theme: {
       colors: { border, grey_whisper, white, white_smoke },
       messageInput: {
-        attachmentPreviewListContainer,
         attachmentSelectionBar,
         autoCompleteInputContainer,
         composerContainer,
@@ -494,6 +494,7 @@ const MessageInputWithContext = (props: MessageInputPropsWithContext) => {
                       styles.inputBoxContainer,
                       {
                         borderColor: grey_whisper,
+                        paddingVertical: command ? 8 : 12,
                       },
                       inputBoxContainer,
                       isFocused ? focusedInputBoxContainer : null,
@@ -504,16 +505,7 @@ const MessageInputWithContext = (props: MessageInputPropsWithContext) => {
                         <Reply />
                       </View>
                     )}
-                    {attachments.length > 0 ? (
-                      <View
-                        style={[
-                          styles.attachmentPreviewListContainer,
-                          attachmentPreviewListContainer,
-                        ]}
-                      >
-                        <AttachmentUploadPreviewList />
-                      </View>
-                    ) : null}
+                    <AttachmentUploadPreviewList />
                     {command ? (
                       <CommandInput disabled={!isOnline} />
                     ) : (

package/src/components/Thread/__tests__/__snapshots__/Thread.test.js.snap

@@ -2135,6 +2135,7 @@ exports[`Thread should match thread snapshot 1`] = `
               },
               {
                 "borderColor": "#ECEBEB",
+                "paddingVertical": 12,
               },
               {},
               null,
@@ -2147,6 +2148,8 @@ exports[`Thread should match thread snapshot 1`] = `
                 {
                   "alignItems": "center",
                   "flexDirection": "row",
+                  "paddingLeft": 16,
+                  "paddingRight": 16,
                 },
                 {},
               ]
@@ -2168,13 +2171,13 @@ exports[`Thread should match thread snapshot 1`] = `
                     "flex": 1,
                     "fontSize": 16,
                     "includeFontPadding": false,
-                    "paddingVertical": 12,
+                    "padding": 0,
+                    "paddingTop": 0,
                     "textAlignVertical": "center",
                   },
                   {
                     "color": "#000000",
                     "maxHeight": 85,
-                    "paddingHorizontal": 16,
                     "textAlign": "left",
                   },
                   {},

package/src/contexts/themeContext/utils/theme.ts

@@ -267,7 +267,6 @@ export type Theme = {
   messageInput: {
     attachButton: ViewStyle;
     attachButtonContainer: ViewStyle;
-    attachmentPreviewListContainer: ViewStyle;
     attachmentSelectionBar: ViewStyle;
     attachmentSeparator: ViewStyle;
     attachmentUnsupportedIndicator: {
@@ -1082,7 +1081,6 @@ export const defaultTheme: Theme = {
   messageInput: {
     attachButton: {},
     attachButtonContainer: {},
-    attachmentPreviewListContainer: {},
     attachmentSelectionBar: {},
     attachmentSeparator: {},
     attachmentUnsupportedIndicator: {