Fixed left menu responsiveness

src/common/AsideMenu.js

@@ -15,7 +15,7 @@ export default function AsideMenu({ selectedServer, history }) {
   };
 
   return (
-    <aside className="aside-menu col-md-2 col-sm-2">
+    <aside className="aside-menu col-lg-2 col-md-3">
       <nav className="nav flex-column aside-menu__nav">
         <NavLink
           className="aside-menu__item"

src/common/AsideMenu.scss

@@ -1,7 +1,11 @@
 @import "../utils/base";
-@import "../utils/mixins/border-radius";
 
 .aside-menu {
+  background-color: #f7f7f7;
+  padding-top: 10px;
+  padding-bottom: 10px;
+
+  @media (min-width: $mdMin) {
     position: fixed !important;
     top: $headerHeight;
     bottom: 0;
@@ -11,8 +15,8 @@
     padding: 30px 15px 15px;
     overflow-x: hidden;
     overflow-y: auto;
-  background-color: #f7f7f7;
     border-right: 1px solid #eee;
+  }
 }
 
 .aside-menu__nav {
@@ -47,9 +51,7 @@
 
 .aside-menu__item--danger {
   color: $dangerColor;
-  margin: 0;
   margin-top: auto;
-  @include border-radius(4px);
 }
 .aside-menu__item--danger:hover {
   color: #fff;

src/common/DateInput.js

@@ -2,7 +2,7 @@ import calendarIcon from '@fortawesome/fontawesome-free-regular/faCalendarAlt';
 import FontAwesomeIcon from '@fortawesome/react-fontawesome';
 import React from 'react';
 import DatePicker from 'react-datepicker';
-import './DateContainer.scss';
+import './DateInput.scss';
 
 export default class DateInput extends React.Component {
   constructor(props) {

src/common/MenuLayout.js

@@ -19,7 +19,7 @@ export class MenuLayout extends React.Component {
     return (
       <div className="row">
         <AsideMenu {...this.props} />
-        <div className="col-md-10 offset-md-2 col-sm-9 offset-sm-3">
+        <div className="col-lg-10 offset-lg-2 col-md-9 offset-md-3">
           <Switch>
             <Route
               exact