Merge pull request #2419 from jozefpetro/searchbox-result-item-templa…

…te-fix

Edited template of search box result item to fix overflow text in row

lib/ui/src/modules/ui/components/search_box.js

@@ -52,11 +52,11 @@ const suggestionTemplate = (props, state, styles) =>
   state.results.map((val, i) => {
     const style = state.selectedIndex === i ? styles.selectedResultStyle : styles.resultsStyle;
     return (
-      <div key={val.value} style={style}>
-        {val.value}
-        <span style={{ float: 'right', opacity: 0.5 }}>
+      <div key={val.value} style={{ ...style, display: 'flex', justifyContent: 'space-between' }}>
+        <p style={{ margin: 0 }}>{val.value}</p>
+        <p style={{ opacity: 0.5, margin: 0, paddingLeft: 10, textAlign: 'right' }}>
           {val.type === 'story' ? `in ${val.kind}` : 'Kind'}
-        </span>
+        </p>
       </div>
     );
   });