UserStatusScreen [nfc]: Add "input row" View, to soon include emoji input

For now, just leave the status-text input by itself, filling all of
the new View.

And move its margin to the new View; we'll want it to apply to the
emoji input too, coming soon.

Author: chrisbobbe

src/user-statuses/UserStatusScreen.js

@@ -20,9 +20,13 @@ import statusSuggestions from './userStatusTextSuggestions';
 import * as api from '../api';
 
 const styles = createStyleSheet({
-  statusTextInput: {
+  inputRow: {
+    flexDirection: 'row',
     margin: 16,
   },
+  statusTextInput: {
+    flex: 1,
+  },
   buttonsWrapper: {
     flexDirection: 'row',
   },
@@ -73,14 +77,19 @@ export default function UserStatusScreen(props: Props): Node {
 
   return (
     <Screen title="User status">
-      <Input
-        autoFocus
-        maxLength={60}
-        style={styles.statusTextInput}
-        placeholder="What’s your status?"
-        value={textInputValue}
-        onChangeText={setTextInputValue}
-      />
+      <View style={styles.inputRow}>
+        {
+          // TODO: Input for emoji status
+        }
+        <Input
+          autoFocus
+          maxLength={60}
+          style={styles.statusTextInput}
+          placeholder="What’s your status?"
+          value={textInputValue}
+          onChangeText={setTextInputValue}
+        />
+      </View>
       <FlatList
         data={statusSuggestions}
         keyboardShouldPersistTaps="always"