From df7b8e51fc66a36fc46e9d807fab7883efe37a34 Mon Sep 17 00:00:00 2001
From: Bettenbuk Zoltan <zoltan.bettenbuk@gmail.com>
Date: Tue, 15 May 2018 12:34:05 +0200
Subject: [PATCH] [RN] Improve video switch style and remove react warning

---
 react/features/welcome/components/VideoSwitch.js | 16 ++++++++++------
 react/features/welcome/components/styles.js      |  8 ++++++++
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/react/features/welcome/components/VideoSwitch.js b/react/features/welcome/components/VideoSwitch.js
index a895854e6..0fe95c7a1 100644
--- a/react/features/welcome/components/VideoSwitch.js
+++ b/react/features/welcome/components/VideoSwitch.js
@@ -62,9 +62,11 @@ class VideoSwitch extends Component<Props> {
             <View style = { styles.audioVideoSwitchContainer }>
                 <TouchableWithoutFeedback
                     onPress = { this._onStartAudioOnlyFalse }>
-                    <Text style = { textStyle }>
-                        { t('welcomepage.audioVideoSwitch.video') }
-                    </Text>
+                    <View style = { styles.switchLabel }>
+                        <Text style = { textStyle }>
+                            { t('welcomepage.audioVideoSwitch.video') }
+                        </Text>
+                    </View>
                 </TouchableWithoutFeedback>
                 <Switch
                     onTintColor = { SWITCH_UNDER_COLOR }
@@ -74,9 +76,11 @@ class VideoSwitch extends Component<Props> {
                     value = { _settings.startAudioOnly } />
                 <TouchableWithoutFeedback
                     onPress = { this._onStartAudioOnlyTrue }>
-                    <Text style = { textStyle }>
-                        { t('welcomepage.audioVideoSwitch.audio') }
-                    </Text>
+                    <View style = { styles.switchLabel }>
+                        <Text style = { textStyle }>
+                            { t('welcomepage.audioVideoSwitch.audio') }
+                        </Text>
+                    </View>
                 </TouchableWithoutFeedback>
             </View>
         );
diff --git a/react/features/welcome/components/styles.js b/react/features/welcome/components/styles.js
index b952b8540..44c4c565b 100644
--- a/react/features/welcome/components/styles.js
+++ b/react/features/welcome/components/styles.js
@@ -34,6 +34,7 @@ export default createStyleSheet({
      * View that contains the audio-video switch and the labels.
      */
     audioVideoSwitchContainer: {
+        alignItems: 'center',
         flexDirection: 'row'
     },
 
@@ -222,6 +223,13 @@ export default createStyleSheet({
         fontWeight: 'bold'
     },
 
+    /**
+     * The container of the label of the audio-video switch.
+     */
+    switchLabel: {
+        paddingHorizontal: 3
+    },
+
     /**
      * Room input style.
      */