From 69974c9613b85b5cd0895c921975b9e781d7e7ee Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Wed, 21 Mar 2018 18:27:39 +0100
Subject: Migrate Result(s)

---
 src/client/react/components/container/Results.js   | 6 ++++--
 src/client/react/components/container/Results.scss | 5 +++++
 2 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 src/client/react/components/container/Results.scss

(limited to 'src/client/react/components/container')

diff --git a/src/client/react/components/container/Results.js b/src/client/react/components/container/Results.js
index 4fc9987..82e37cb 100644
--- a/src/client/react/components/container/Results.js
+++ b/src/client/react/components/container/Results.js
@@ -28,6 +28,8 @@ import users from '../../users';
 import { setUser, userFromMatch } from '../../lib/url';
 import Result from '../presentational/Result';
 
+import './Results.scss';
+
 class Results extends React.Component {
   static propTypes = {
     results: PropTypes.arrayOf(PropTypes.string).isRequired,
@@ -56,8 +58,8 @@ class Results extends React.Component {
 
     return (
       <div
-        className={classnames('search__results', {
-          'search__results--has-results': !isExactMatch && this.props.results.length > 0,
+        className={classnames('Results', {
+          hasResults: !isExactMatch && this.props.results.length > 0,
         })}
         style={{
           minHeight: isExactMatch ? 0 : this.props.results.length * 54,
diff --git a/src/client/react/components/container/Results.scss b/src/client/react/components/container/Results.scss
new file mode 100644
index 0000000..60379cf
--- /dev/null
+++ b/src/client/react/components/container/Results.scss
@@ -0,0 +1,5 @@
+.Results {
+  &.hasResults {
+    border-top: 1px #BDBDBD solid;
+  }
+}
-- 
cgit v1.1