From f60fc288ce606bb217d3912a09fff083f0a816e8 Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Wed, 21 Mar 2018 15:44:39 +0100
Subject: Migrate Search styles

---
 src/client/react/components/container/Search.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

(limited to 'src/client/react/components/container/Search.js')

diff --git a/src/client/react/components/container/Search.js b/src/client/react/components/container/Search.js
index c968957..edaf72c 100644
--- a/src/client/react/components/container/Search.js
+++ b/src/client/react/components/container/Search.js
@@ -33,6 +33,8 @@ import Menu from './Menu';
 import Results from './Results';
 import IconFromUserType from '../presentational/IconFromUserType';
 
+import styles from './Search.scss';
+
 class Search extends React.Component {
   static propTypes = {
     results: PropTypes.arrayOf(PropTypes.string).isRequired,
@@ -143,10 +145,10 @@ class Search extends React.Component {
       searchText === users.byId[urlUser].value;
 
     return (
-      <div className="search">
-        <div className={classnames('search-overflow', { 'search--has-focus': hasFocus })}>
-          <div className="search__input-wrapper">
-            <div className="search__icon-wrapper">
+      <div className={styles.Search}>
+        <div className={classnames(styles.overflow, { [styles.hasFocus]: hasFocus })}>
+          <div className={styles.inputWrapper}>
+            <div className={styles.iconWrapper}>
               <IconFromUserType
                 userType={isExactMatch ? users.byId[urlUser].type : null}
                 defaultIcon={<SearchIcon />}
-- 
cgit v1.1