Merge pull request github#904 from co16353sidak/master

fix[WIP]: Small changes to the top navbar
fsn-dev · May 7, 2019 · 79ab8ac · 79ab8ac
2 parents 911ede9 + d25bc5f
commit 79ab8ac
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/_includes/nav.html b/_includes/nav.html
@@ -2,7 +2,7 @@
 <nav class="main-nav">
   <div class="container-lg mx-auto clearfix">
     <div class="float-sm-right">
-      <ul class="main-links d-flex flex-wrap flex-items-stretch border-left border-bottom border-sm-0 list-style-none">
+      <ul class="main-links d-flex flex-wrap flex-items-stretch flex-justify-center border-left border-bottom border-sm-0 list-style-none">
         <li class="d-inline-block border-right">
           <a class="d-block p-4" href="https://github.com/github/opensource.guide#readme">
             {{ t.nav.about }}
@@ -14,7 +14,7 @@
           </a>
         </li>
         {% if page.lang and site.data.locales.size > 1 %}
-        <li class="d-inline-block border-right">
+        <li class="d-inline-block">
           <div class="p-3">
             <select id="language" class="form-select">
               {% assign locales = site.data.locales | sort %}

diff --git a/assets/css/custom.scss b/assets/css/custom.scss
@@ -62,12 +62,16 @@ blockquote {
   line-height: 0;
 }
 
-.main-links a {
-  &:hover {
-    background: $bg-gray-light;
-    text-decoration: none;
-    color: $gray-dark;
+.main-links {
+  a {
+    &:hover {
+      background: $bg-gray-light;
+      text-decoration: none;
+      color: $gray-dark;
+    }
   }
+  padding-bottom: 5px;
+  padding-top: 5px;
 }
 
 .breadcrumb {