diff --git a/app/static/css/light.css b/app/static/css/light.css index 109aedf..9b75d3f 100644 --- a/app/static/css/light.css +++ b/app/static/css/light.css @@ -24,7 +24,7 @@ width: auto; height: 100%; margin-bottom: 0; } #logo img { - width: 60px; + width: 60px; height: inherit; margin-bottom: -4.5px; } @@ -35,7 +35,7 @@ padding: 0 2px; } #light-menu li > a { - cursor: pointer; + cursor: pointer; margin: 0; } #light-menu li > a:hover { text-decoration: none; @@ -106,7 +106,7 @@ margin: 5px 0; } -@media all and (max-width: 549px) { +@media all and (max-width: 500px) { #light-menu, #spacer-menu { height: 40px; } diff --git a/app/static/css/navbar.css b/app/static/css/navbar.css index 452b095..a01be2f 100644 --- a/app/static/css/navbar.css +++ b/app/static/css/navbar.css @@ -32,7 +32,7 @@ nav a:focus { transition: .15s ease; } #logo img { - display: block; height: 50px; + display: block; height: 65px; margin: 0 auto; padding: 0; filter: drop-shadow(0 0 2px rgba(0, 0, 0, .0)); transition: filter .15s ease; @@ -52,9 +52,9 @@ nav a:focus { } #light-menu li > a { display: flex; flex-direction: column; flex-grow: 0; - align-items: center; justify-content: flex-start; + align-items: center; justify-content: center; width: 100%; height: 100%; - margin-bottom: 15px; + margin: 20px 0; transition: opacity .15s ease; /* because Chrome sucks */ } @@ -63,7 +63,7 @@ nav a:focus { margin: 0 7px; } #light-menu li div { - flex-grow: 1; + /*flex-grow: 1;*/ }