Multiple style fixes/improvements for message list.

Fixes #165
zulip · Jan 12, 2017 · d2accb5 · d2accb5
1 parent a31a816
commit d2accb5
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 6 deletions.
diff --git a/src/message-list/MessageList.js b/src/message-list/MessageList.js
@@ -10,7 +10,7 @@ const styles = StyleSheet.create({
   },
   container: {
     flexGrow: 1,
-    justifyContent: 'flex-end',
+    justifyContent: 'space-around',
   }
 });
 

diff --git a/src/message-list/renderMessages.js b/src/message-list/renderMessages.js
@@ -63,4 +63,11 @@ export default ({ auth, subscriptions, messages, isFetching, narrow, doNarrow })
     );
 
     return list;
-  }, isFetching ? [<MessageLoading key="ml1" />, <MessageLoading key="ml2" />, <MessageLoading key="ml3" />] : []);
+  }, isFetching ? [
+    <MessageLoading key="ml1" />,
+    <MessageLoading key="ml2" />,
+    <MessageLoading key="ml3" />,
+    <MessageLoading key="ml4" />,
+    <MessageLoading key="ml5" />,
+    <MessageLoading key="ml6" />,
+  ] : []);
diff --git a/src/message/Subheader.js b/src/message/Subheader.js
@@ -35,7 +35,7 @@ export default class Subheader extends React.PureComponent {
 
     return (
       <View style={styles.subheader}>
-        <Text style={styles.username}>
+        <Text style={styles.username} numberOfLines={1}>
           {from}
         </Text>
         <Timestamp timestamp={timestamp} twentyFourHourTime={twentyFourHourTime} />

diff --git a/src/message/headers/StreamMessageHeader.js b/src/message/headers/StreamMessageHeader.js
@@ -17,7 +17,7 @@ const styles = StyleSheet.create({
     backgroundColor: '#eee',
   },
   stream: {
-    padding: 4,
+    padding: 6,
     fontSize: 16,
   },
   topic: {

diff --git a/src/message/headers/TopicMessageHeader.js b/src/message/headers/TopicMessageHeader.js
@@ -9,8 +9,7 @@ import { topicNarrow } from '../../utils/narrow';
 
 const styles = StyleSheet.create({
   topic: {
-    flex: 1,
-    padding: 4,
+    padding: 6,
     paddingLeft: 8,
     fontSize: 16,
     backgroundColor: '#eee',