Add basic styling to room finder

1 files changed, 7 insertions, 1 deletions

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>
     );
   }