fix(typography): top menu bar does not have correct height

Pelican-Elegant · Feb 1, 2020 · d30ce82 · d30ce82
1 parent f6a83a6
commit d30ce82
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/static/bootstrap/navbar.less b/static/bootstrap/navbar.less
@@ -240,9 +240,6 @@
 
 // Links
 .navbar .nav > li > a {
-  float: none;
-  // Vertically center the text given @navbarHeight
-  padding: ((@navbarHeight - @baseLineHeight) / 2) 15px ((@navbarHeight - @baseLineHeight) / 2);
   color: @navbarLinkColor;
   text-decoration: none;
   text-shadow: 0 1px 0 @navbarBackgroundHighlight;

diff --git a/static/css/elegant.css b/static/css/elegant.css
@@ -486,3 +486,7 @@ table tbody:last-child tr:last-child > td:last-child {
 table tbody > tr:nth-child(odd) > td {
   background-color: #ebebeb;
 }
+.navbar .nav > li > a {
+  float: none;
+  padding: 11px 15px 13px;
+}
diff --git a/static/css/typography.css b/static/css/typography.css
@@ -139,6 +139,7 @@ pre,
 }
 .brand .site-name {
   font-size: 1.5rem;
+  vertical-align: middle;
 }
 /* article */
 .article-content,
@@ -186,3 +187,6 @@ span.superscript {
   font-size: 0.67rem;
   vertical-align: super;
 }
+.navbar .nav > li > a {
+  font-size: 1rem;
+}