From edc651054cd8f7b64e3e6daade44029f6b2f11d4 Mon Sep 17 00:00:00 2001
From: Sacha Froment <sfroment42@gmail.com>
Date: Wed, 20 Mar 2019 17:07:30 +0100
Subject: [PATCH] feat(desktop): add border on split views

Signed-off-by: Sacha Froment <sfroment42@gmail.com>
---
 .../common/components/Navigator/SplitNavigator.js      | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/client/react-native/common/components/Navigator/SplitNavigator.js b/client/react-native/common/components/Navigator/SplitNavigator.js
index 3bbdd2408e..207c0e55cb 100644
--- a/client/react-native/common/components/Navigator/SplitNavigator.js
+++ b/client/react-native/common/components/Navigator/SplitNavigator.js
@@ -3,6 +3,8 @@ import { Dimensions, View } from 'react-native'
 import createTabNavigator from 'react-navigation-tabs/src/utils/createTabNavigator'
 import { createSwitchNavigator, createBottomTabNavigator } from 'react-navigation'
 
+import colors from '../../constants/colors'
+
 class SplitterView extends React.PureComponent {
   constructor (props) {
     super(props)
@@ -38,7 +40,13 @@ class SplitterView extends React.PureComponent {
     const isPlaceholder = state.routes[1].routes[state.routes[1].index].routeName === 'placeholder'
 
     return <View style={{ flex: 1, flexDirection: 'row' }}>
-      <View style={{ width: narrow ? '100%' : 350, display: narrow && !isPlaceholder ? 'none' : 'flex' }}>
+      <View style={{
+        borderRightColor: colors.borderGrey,
+        borderStyle: 'solid',
+        borderRightWidth: narrow ? 0 : 1,
+        width: narrow ? '100%' : 350,
+        display: narrow && !isPlaceholder ? 'none' : 'flex',
+      }}>
         {renderScene({ route: state.routes[0] })}
       </View>
       <View style={{ flex: 1, display: narrow && isPlaceholder ? 'none' : 'flex' }}>