diff --git a/src/common/AsideMenu.js b/src/common/AsideMenu.js
index 847d5cac..e741fb4e 100644
--- a/src/common/AsideMenu.js
+++ b/src/common/AsideMenu.js
@@ -6,44 +6,41 @@ import { NavLink } from 'react-router-dom';
import DeleteServerButton from '../servers/DeleteServerButton';
import './AsideMenu.scss';
-export default class AsideMenu extends React.Component {
- render() {
- const { selectedServer, history } = this.props;
- const serverId = selectedServer ? selectedServer.id : '';
- const isListShortUrlsActive = (match, { pathname }) => {
- // FIXME. Should use the 'match' params, but they are not being properly resolved. Investigate
- const serverIdFromPathname = pathname.split('/')[2];
- return serverIdFromPathname === serverId && pathname.indexOf('list-short-urls') !== -1;
- };
+export default function AsideMenu({ selectedServer, history }) {
+ const serverId = selectedServer ? selectedServer.id : '';
+ const isListShortUrlsActive = (match, { pathname }) => {
+ // FIXME. Should use the 'match' params, but they are not being properly resolved. Investigate
+ const serverIdFromPathname = pathname.split('/')[2];
+ return serverIdFromPathname === serverId && pathname.indexOf('list-short-urls') !== -1;
+ };
- return (
-
- );
- }
+ return (
+
+ );
}
diff --git a/src/common/AsideMenu.scss b/src/common/AsideMenu.scss
index 69b1ffde..7b256cd4 100644
--- a/src/common/AsideMenu.scss
+++ b/src/common/AsideMenu.scss
@@ -8,7 +8,7 @@
left: 0;
z-index: 1000;
display: block;
- padding: 20px;
+ padding: 30px 20px 20px;
overflow-x: hidden;
overflow-y: auto;
background-color: #f7f7f7;
@@ -16,7 +16,9 @@
}
.aside-menu__nav {
- margin-top: 10px;
+ @media(min-width: $smMin) {
+ height: 100%;
+ }
}
.aside-menu__item {
@@ -46,6 +48,7 @@
.aside-menu__item--danger {
color: $dangerColor;
margin: 0;
+ margin-top: auto;
@include border-radius(4px);
}
.aside-menu__item--danger:hover {