fix uri bar z-index and overlay

app/src/component/uriBar/view.js

@@ -101,11 +101,11 @@ class UriBar extends React.PureComponent {
     }
 
     let style = [uriBarStyle.overlay];
-    if (this.state.focused) {
+    /*if (this.state.focused) {
       style.push(uriBarStyle.inFocus);
     }
 
-    /*{(this.state.focused && !this.state.directSearch) && (
+    {(this.state.focused && !this.state.directSearch) && (
         <View style={uriBarStyle.suggestions}>
           <FlatList style={uriBarStyle.suggestionList}
                     data={suggestions}

app/src/styles/uriBar.js

@@ -30,9 +30,11 @@ const uriBarStyle = StyleSheet.create({
   },
   overlay: {
     position: 'absolute',
-    backgroundColor: 'transparent',
+    backgroundColor: '#cc0000',
     top: 0,
-    width: '100%'
+    width: '100%',
+    zIndex: 200,
+    elevation: 16
   },
   inFocus: {
     height: '100%'