From 707c097ed9bcfd12b331bacc54967d4c922c35d3 Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandro@alejandrocelaya.com>
Date: Wed, 15 Aug 2018 10:16:53 +0200
Subject: [PATCH] Fixed title size in mobile devices

---
 src/common/AsideMenu.js | 6 +++++-
 src/common/Home.scss    | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/common/AsideMenu.js b/src/common/AsideMenu.js
index 9d1e552b..e32fbefe 100644
--- a/src/common/AsideMenu.js
+++ b/src/common/AsideMenu.js
@@ -7,6 +7,7 @@ import DeleteServerButton from '../servers/DeleteServerButton';
 import './AsideMenu.scss';
 import PropTypes from 'prop-types';
 import { serverType } from '../servers/prop-types';
+import classnames from 'classnames';
 
 const defaultProps = {
   className: '',
@@ -20,9 +21,12 @@ const propTypes = {
 
 export default function AsideMenu({ selectedServer, className, showOnMobile }) {
   const serverId = selectedServer ? selectedServer.id : '';
+  const asideClass = classnames('aside-menu', className, {
+    'aside-menu--hidden': !showOnMobile,
+  });
 
   return (
-    <aside className={`aside-menu ${!showOnMobile ? 'aside-menu--hidden' : ''} ${className}`}>
+    <aside className={asideClass}>
       <nav className="nav flex-column aside-menu__nav">
         <NavLink
           className="aside-menu__item"
diff --git a/src/common/Home.scss b/src/common/Home.scss
index 0333f63c..05abe512 100644
--- a/src/common/Home.scss
+++ b/src/common/Home.scss
@@ -11,7 +11,11 @@
 }
 
 .home__title {
-  font-size: 36px;
+  font-size: 1.75rem;
+
+  @media (min-width: $mdMin) {
+    font-size: 2.2rem;
+  }
 }
 
 .home__servers-list {