💄 UI - centre align the navbar elements (#126)

* fix the styling in the nav * add id to navbar * remove unecessary css and add bootstrap * remove id * target span in li for youtube link
GordonBeeming · Nov 15, 2023 · 06dc0a8 · 06dc0a8
1 parent 23f2ffa
commit 06dc0a8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/GordonBeemingCom/Views/Shared/_Layout.cshtml b/src/GordonBeemingCom/Views/Shared/_Layout.cshtml
@@ -58,7 +58,7 @@
         <i class="fas fa-bars"></i>
       </button>
       <div class="collapse navbar-collapse" id="navbarResponsive">
-        <ul class="navbar-nav ms-auto py-4 py-lg-0">
+        <ul class="navbar-nav align-items-center ms-auto py-4 py-lg-0">
           <li class="nav-item">
             <span class="nav-link px-lg-3 py-3 py-lg-4">
               <div class="g-ytsubscribe" data-channelid="UCMtMOwghQqwKFz3Xx1rd18Q" data-layout="default" data-theme="dark" data-count="hidden"></div>

diff --git a/src/GordonBeemingCom/wwwroot/css/site.css b/src/GordonBeemingCom/wwwroot/css/site.css
@@ -224,3 +224,8 @@ header.masthead .home-header {
     margin-bottom: 20px;
   }
 }
+
+ul .nav-item:first-child span {
+  padding-top: 2rem!important;
+}
+