From 24f2d1ca1f762d0cc634b650cc68591e9b46a9fe Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Tue, 20 Mar 2018 14:46:51 +0100
Subject: Add basic styling to room finder

---
 src/client/react/components/container/RoomFinder.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

(limited to 'src/client/react')

diff --git a/src/client/react/components/container/RoomFinder.js b/src/client/react/components/container/RoomFinder.js
index ddc793c..94257f7 100644
--- a/src/client/react/components/container/RoomFinder.js
+++ b/src/client/react/components/container/RoomFinder.js
@@ -99,7 +99,13 @@ class HelpBox extends React.Component {
       <div className="room-finder">
         <Button onClick={() => this.changeRoom(-1)}>Vorige</Button>
         <Button onClick={() => this.changeRoom(+1)}>Volgende</Button>
-        <Button onClick={() => this.props.dispatch({ type: 'ROOM_FINDER/HIDE' })}><ButtonIcon use="close" /></Button>
+        <div className="grow" />
+        <Button
+          className="close-button"
+          onClick={() => this.props.dispatch({ type: 'ROOM_FINDER/HIDE' })}
+        >
+          <ButtonIcon use="close" />
+        </Button>
       </div>
     );
   }
-- 
cgit v1.1