adds close btn to sidebar

Author: Shawn Toubeau

src/components/Menu/Menu.scss

@@ -47,3 +47,13 @@
     display: none !important;
   }
 }
+
+.side-bar-close-btn {
+  width: 37px;
+  height: 37px;
+  margin: 5px 5px 5px auto !important;
+}
+
+.side-bar-content {
+  margin-top: 0 !important;
+}

src/components/Menu/index.tsx

@@ -444,7 +444,17 @@ class MenuBar extends React.Component<Props, State> {
               visible={sidebarOpen}
               width="very wide"
             >
-              <Segment textAlign="left" padded="very">
+              <Button
+                className="side-bar-close-btn"
+                circular
+                icon="close"
+                onClick={() => this.setState({ sidebarOpen: false })}
+              />
+              <Segment
+                className="side-bar-content"
+                textAlign="left"
+                padded="very"
+              >
                 <ReactMarkdown source={this.getInfo()} text-color="white" />
               </Segment>
             </Sidebar>