From 53d983023808633e5d4bf8c6c297731614533d59 Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Wed, 21 Mar 2018 18:34:56 +0100
Subject: Migrate Menu styling

---
 src/client/react/components/container/Menu.js | 30 +++++++++++++++------------
 1 file changed, 17 insertions(+), 13 deletions(-)

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

diff --git a/src/client/react/components/container/Menu.js b/src/client/react/components/container/Menu.js
index 920973b..0b5c4dc 100644
--- a/src/client/react/components/container/Menu.js
+++ b/src/client/react/components/container/Menu.js
@@ -28,6 +28,8 @@ import { Icon } from 'rmwc/Icon';
 import users from '../../users';
 import { setUser, userFromMatch } from '../../lib/url';
 
+import './Menu.scss';
+
 class Menu extends React.Component {
   static propTypes = {
     // redux
@@ -59,19 +61,21 @@ class Menu extends React.Component {
 
   render() {
     return (
-      <SimpleMenu
-        handle={<Button><ButtonIcon use="more_vert" /></Button>}
-        onSelected={(event) => {
-          // Send the `data-type` of the selected <MenuItem />
-          this.onItemSelected(event.detail.item.dataset.type);
-        }}
-      >
-        <MenuItem data-type="add_label"><Icon use="bookmark_border" />Voeg label toe</MenuItem>
-        <MenuItem data-type="make_favorite"><Icon use="star_border" />Maak favoriet</MenuItem>
-        <div className="mdc-list-divider" role="separator" />
-        <MenuItem data-type="room_finder"><Icon use="location_searching" />Lokaal zoeken</MenuItem>
-        <MenuItem data-type="use_legacy_schedule"><Icon use="launch" />Oud rooster gebruiken</MenuItem>
-      </SimpleMenu>
+      <div className="Menu">
+        <SimpleMenu
+          handle={<Button><ButtonIcon use="more_vert" /></Button>}
+          onSelected={(event) => {
+            // Send the `data-type` of the selected <MenuItem />
+            this.onItemSelected(event.detail.item.dataset.type);
+          }}
+        >
+          <MenuItem data-type="add_label"><Icon use="bookmark_border" />Voeg label toe</MenuItem>
+          <MenuItem data-type="make_favorite"><Icon use="star_border" />Maak favoriet</MenuItem>
+          <div className="mdc-list-divider" role="separator" />
+          <MenuItem data-type="room_finder"><Icon use="location_searching" />Lokaal zoeken</MenuItem>
+          <MenuItem data-type="use_legacy_schedule"><Icon use="launch" />Oud rooster gebruiken</MenuItem>
+        </SimpleMenu>
+      </div>
     );
   }
 }
-- 
cgit v1.1