From ffc311d7bd5b9655ec2ffa6c8f220ecc07af91b6 Mon Sep 17 00:00:00 2001
From: Laurent Cozic <laurent@cozic.net>
Date: Thu, 27 Jun 2019 00:05:17 +0100
Subject: [PATCH] Mobile: Moved slider value to the left so that it is visible
 while dragging

---
 ReactNativeClient/lib/components/screens/config.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/ReactNativeClient/lib/components/screens/config.js b/ReactNativeClient/lib/components/screens/config.js
index 7ac0b57d24..24b5800647 100644
--- a/ReactNativeClient/lib/components/screens/config.js
+++ b/ReactNativeClient/lib/components/screens/config.js
@@ -125,6 +125,7 @@ class ConfigScreenComponent extends BaseScreenComponent {
 			sliderUnits: {
 				color: theme.color,
 				fontSize: theme.fontSize,
+				marginRight: 10,
 			},
 			settingDescriptionText: {
 				color: theme.color,
@@ -307,9 +308,9 @@ class ConfigScreenComponent extends BaseScreenComponent {
 			return (
 				<View key={key} style={this.styles().settingContainer}>
 					<Text key="label" style={this.styles().settingText}>{md.label()}</Text>
-					<View style={{display:'flex', flexDirection: 'column', alignItems: 'center', flex:1}}>
-						<Slider key="control" minimumTrackTintColor={theme.color} maximumTrackTintColor={theme.color} style={{width:'100%'}} step={md.step} minimumValue={md.minimum} maximumValue={md.maximum} value={value} onValueChange={(value) => updateSettingValue(key, value)} />
+					<View style={{display:'flex', flexDirection: 'row', alignItems: 'center', flex:1}}>
 						<Text style={this.styles().sliderUnits}>{unitLabel}</Text>
+						<Slider key="control" minimumTrackTintColor={theme.color} maximumTrackTintColor={theme.color} style={{flex:1}} step={md.step} minimumValue={md.minimum} maximumValue={md.maximum} value={value} onValueChange={(value) => updateSettingValue(key, value)} />
 					</View>
 				</View>
 			);