From 1529c63a6baa18736a7888b24ede60970918c89b Mon Sep 17 00:00:00 2001
From: Jack Gleeson <jack@jpgleeson.com>
Date: Fri, 11 Jun 2021 13:37:58 -0700
Subject: [PATCH] Centreing Menu Bar

Better centred when it is a span with a block attribute.
---
 Pages/Shared/_Layout.cshtml | 4 ++--
 wwwroot/css/site.css        | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/Pages/Shared/_Layout.cshtml b/Pages/Shared/_Layout.cshtml
index 73c4890..9a6fb39 100644
--- a/Pages/Shared/_Layout.cshtml
+++ b/Pages/Shared/_Layout.cshtml
@@ -11,13 +11,13 @@
     <header>
         <a asp-area="" asp-page="/Index"><img src="https://www.caint.casa/CCLogo.svg" class="centreLogo" alt="Caint logo. A house silhouette with a speech bubble inside." height="50px"></a>
         <div class="full-width-Header">
-            <div class="centreLeft">
+            <span class="centreLeft">
                 <a class="nav-link" asp-area="" asp-page="/Threads/Index"><div class ="headerTitle">Threads</div></a>
                 <a class="nav-link" asp-area="" asp-page="/Comments/Index"><div class ="headerTitle">Comments</div></a>
                 <a class="nav-link" asp-area="" asp-page="/Tenants/Index"><div class ="headerTitle">Sites</div></a>
                 <a class="nav-link" asp-area="" asp-page="/Setup"><div class ="headerTitle">Setup</div></a>
                 <partial name="_LoginPartial" />
-            </div>
+            </span>
         </div>
     </header>
     <div class="bodyContainer">
diff --git a/wwwroot/css/site.css b/wwwroot/css/site.css
index 77c0b46..f56df18 100644
--- a/wwwroot/css/site.css
+++ b/wwwroot/css/site.css
@@ -144,8 +144,9 @@ button:hover, input[type="submit"]:hover{
 }
 
 .centreLeft {
-	margin-left: 20%;
-	margin-right: 20%;
+	margin-left: auto;
+	margin-right: auto;
+  width: 60%;
 	display: block;
 }
 
-- 
2.38.5