clean up the ksto error message display

Author: hawkrives

source/views/streaming/radio.js

@@ -160,9 +160,17 @@ export default class KSTOView extends React.PureComponent<void, Props, State> {
         </View>
 
         <View style={styles.container}>
-          <Title />
+          <View style={styles.titleWrapper}>
+            <Text selectable={true} style={styles.heading}>
+              St. Olaf College Radio
+            </Text>
+            <Text selectable={true} style={styles.subHeading}>
+              KSTO 93.1 FM
+            </Text>
+
+            {error}
+          </View>
 
-          {error}
           {button}
 
           {this.state.playState === 'playing'
@@ -180,15 +188,6 @@ export default class KSTOView extends React.PureComponent<void, Props, State> {
   }
 }
 
-const Title = () =>
-  <View style={styles.titleWrapper}>
-    <Text selectable={true} style={styles.heading}>
-      St. Olaf College Radio
-    </Text>
-    <Text selectable={true} style={styles.subHeading}>
-      KSTO 93.1 FM
-    </Text>
-  </View>
 
 type ActionButtonProps = {
   icon: string,
@@ -246,10 +245,12 @@ const styles = StyleSheet.create({
     textAlign: 'center',
   },
   status: {
-    paddingTop: 10,
     fontWeight: '400',
-    fontSize: 24,
+    fontSize: 18,
+    textAlign: 'center',
     color: c.grapefruit,
+    marginTop: 15,
+    marginBottom: 5,
   },
 })