From ad5f808721eaf6d99f25a2db91c48324fdf488b7 Mon Sep 17 00:00:00 2001
From: Aurélien Bompard <aurelien@bompard.org>
Date: Nov 06 2017 14:36:25 +0000
Subject: Improve the styling of the left menu


---

diff --git a/hubs/static/client/app/components/HubHeader.css b/hubs/static/client/app/components/HubHeader.css
index 2407253..384a99f 100644
--- a/hubs/static/client/app/components/HubHeader.css
+++ b/hubs/static/client/app/components/HubHeader.css
@@ -17,17 +17,6 @@
     border: 5px solid #fff;
 }
 
-.HubHeader h2 {
-    font-weight: 500;
-    padding-top: .5rem;
-}
-
-@media (max-width:768px) {
-  .header h2.team {
-    top: 170px !important;
-  }
-}
-
 .HubHeader > .Spinner {
     position: absolute;
     left: 1rem;
diff --git a/hubs/static/client/app/components/HubHeader.js b/hubs/static/client/app/components/HubHeader.js
index 509c9d1..1576200 100644
--- a/hubs/static/client/app/components/HubHeader.js
+++ b/hubs/static/client/app/components/HubHeader.js
@@ -30,7 +30,7 @@ class HubHeader extends React.Component {
                     className="avatar"
                     src={this.props.hub.config.avatar}
                     />
-                  <h2 className="user mb-0">
+                  <h2 className="user pt-0">
                     {this.props.hub.name}
                   </h2>
                   <h5 className="mt-1 mb-1">
@@ -40,7 +40,7 @@ class HubHeader extends React.Component {
                 </div>
               :
                 <div>
-                  <h2 className="team">
+                  <h2 className="team pt-0">
                     {this.props.hub.name}
                   </h2>
                   <h5 className="mt-1 mb-1">
diff --git a/hubs/static/client/app/components/LeftMenu.css b/hubs/static/client/app/components/LeftMenu.css
index 287a768..054c5ce 100644
--- a/hubs/static/client/app/components/LeftMenu.css
+++ b/hubs/static/client/app/components/LeftMenu.css
@@ -1,20 +1,19 @@
 .LeftMenu {
   width: 100%;
-  padding: 0 15px;
+  padding: 0.5rem 15px;
   z-index: 1;
 }
-
-.LeftMenu .nav {
-  background-color: #fcfcfc;
-  border: 1px solid #dddddd;
-}
 @media (min-width: 992px) {
   .LeftMenu {
     position: absolute;
-    padding: 0.5rem 0 0 0;
   }
 }
 
+.LeftMenu .nav {
+  background-color: #fcfcfc;
+  border: 1px solid #dddddd;
+}
+
 .LeftMenu a.nav-link {
   color: #373a3c;
   font-size: 85%;
diff --git a/hubs/static/client/app/components/LeftMenu.js b/hubs/static/client/app/components/LeftMenu.js
index 066cf6d..43315e0 100644
--- a/hubs/static/client/app/components/LeftMenu.js
+++ b/hubs/static/client/app/components/LeftMenu.js
@@ -17,7 +17,7 @@ class LeftMenu extends React.Component {
     return (
       <div className="LeftMenu">
         <ul
-          className="nav nav-pills flex-lg-column mb-3 rounded"
+          className="nav nav-pills flex-lg-column mb-0 rounded"
           role="navigation"
           >
           {this.props.menu.map((entry) => (