~jpgleeson/caintCasaDashboard

1529c63a6baa18736a7888b24ede60970918c89b — Jack Gleeson 3 years ago 3cd17b0 master
Centreing Menu Bar

Better centred when it is a span with a block attribute.
2 files changed, 5 insertions(+), 4 deletions(-)

M Pages/Shared/_Layout.cshtml
M wwwroot/css/site.css
M Pages/Shared/_Layout.cshtml => Pages/Shared/_Layout.cshtml +2 -2
@@ 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">

M wwwroot/css/site.css => wwwroot/css/site.css +3 -2
@@ 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;
}