feat: Dashboar sidebar styled.

client/src/components/MenuItem.js

@@ -143,6 +143,7 @@ export default class MenuItem extends AbstractPureComponent2 {
             textClassName,
             tagName = "a",
             dropdownType,
+            caretIconSize = 16,
             ...htmlProps
         } = this.props;
         const hasSubmenu = children != null;
@@ -181,7 +182,7 @@ export default class MenuItem extends AbstractPureComponent2 {
                 {text}
             </Text>,
             this.maybeRenderLabel(labelElement),
-            hasSubmenu ? <Icon icon="caret-right" /> : undefined,
+            hasSubmenu ? <Icon icon="caret-right" iconSize={caretIconSize} /> : undefined,
         );
 
         const liClasses = classNames({ [Classes.MENU_SUBMENU]: hasSubmenu });

client/src/components/Sidebar/SidebarContainer.js

@@ -3,7 +3,9 @@ import React from 'react';
 export default function SidebarContainer(props) {
   return (
     <div className="sidebar" id="sidebar">
-      {props.children}
+      <div class="sidebar__inner">
+        {props.children}
+      </div>
     </div>
   )
 }

client/src/components/Sidebar/SidebarMenu.js

@@ -23,6 +23,7 @@ export default function SidebarMenu() {
             disabled={item.disabled}
             children={children}
             dropdownType={item.dropdownType || 'collapse'}
+            caretIconSize={15}
             onClick={() => {
               if (item.href) {
                 history.push(item.href);