From c20c5c93432695b4b51109171cdb4544c9f37976 Mon Sep 17 00:00:00 2001
From: limited_dev <loginakkisativ@gmail.com>
Date: Tue, 13 Jun 2023 15:03:29 +0200
Subject: [PATCH] feat: moved the logo to the right side fix: fixed coloring in
 bg on mobile

Signed-off-by: limited_dev <loginakkisativ@gmail.com>
---
 .../Pages/Accounts/UserPage.razor             |  1 +
 ImageBoardServerApp/Shared/MainLayout.razor   |  4 +++
 ImageBoardServerApp/Shared/NavMenu.razor      | 14 ++++-----
 ImageBoardServerApp/Shared/NavMenu.razor.css  | 30 ++++++++++++++++---
 ImageBoardServerApp/wwwroot/css/site.css      |  2 ++
 5 files changed, 40 insertions(+), 11 deletions(-)

diff --git a/ImageBoardServerApp/Pages/Accounts/UserPage.razor b/ImageBoardServerApp/Pages/Accounts/UserPage.razor
index 0d3f26a..49c7552 100644
--- a/ImageBoardServerApp/Pages/Accounts/UserPage.razor
+++ b/ImageBoardServerApp/Pages/Accounts/UserPage.razor
@@ -40,6 +40,7 @@
         <br/>
         <br/>
         <a href="/sys/logout">[Logout]</a>
+
     </Authorized>
     <NotAuthorized>
         <span>You are not logged in.</span>
diff --git a/ImageBoardServerApp/Shared/MainLayout.razor b/ImageBoardServerApp/Shared/MainLayout.razor
index 4ffda29..1cff71e 100644
--- a/ImageBoardServerApp/Shared/MainLayout.razor
+++ b/ImageBoardServerApp/Shared/MainLayout.razor
@@ -13,9 +13,13 @@
         <article class="content px-4">
             @Body
         </article>
+        <br/>
+        <br/>
+        <br/>
     </main>
 </div>
 
+
 @code
 {
 
diff --git a/ImageBoardServerApp/Shared/NavMenu.razor b/ImageBoardServerApp/Shared/NavMenu.razor
index 353bafb..7f43c90 100644
--- a/ImageBoardServerApp/Shared/NavMenu.razor
+++ b/ImageBoardServerApp/Shared/NavMenu.razor
@@ -3,12 +3,12 @@
 @inject NavigationManager navManager
 
 <div class="top-row ps-3 navbar navbar-dark">
-    <div class="container-fluid">
+    <button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
+        <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="container-fluid" id="maintitle" href="/">
         <img src="img/static/logo_trans.png" width="32" height="32" alt="Logo"/>
-        <a class="navbar-brand" href="/">BulletBoard</a>
-        <button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
-            <span class="navbar-toggler-icon"></span>
-        </button>
+        <a class="navbar-brand" id="logo" href="/">BulletBoard</a>
     </div>
 </div>
 
@@ -19,7 +19,7 @@
                 <span class="oi oi-home" aria-hidden="true"></span> Home
             </NavLink>
         </div>
-        
+
         <text class="topicTitle">
             Boards
         </text>
@@ -31,7 +31,7 @@
                 </NavLink>
             </div>
         }
-        
+
         <div class="account">
             <text class="topicTitle">
                 Account
diff --git a/ImageBoardServerApp/Shared/NavMenu.razor.css b/ImageBoardServerApp/Shared/NavMenu.razor.css
index 50385d7..a30e2cf 100644
--- a/ImageBoardServerApp/Shared/NavMenu.razor.css
+++ b/ImageBoardServerApp/Shared/NavMenu.razor.css
@@ -9,9 +9,23 @@
 
 .navbar-brand {
     font-size: 1.1rem;
-    horiz-align: center;
+    horiz-align: left;
 }
 
+#maintitle {
+!important;
+    display: flex;
+    justify-content: right;
+    padding: 5px;
+    flex: 50%;
+}
+
+#logo {
+!important;
+    padding: 6px 6px 6px;
+}
+
+
 .oi {
     width: 2rem;
     font-size: 1.1rem;
@@ -19,7 +33,7 @@
     top: -2px;
 }
 
-.topicTitle{
+.topicTitle {
     color: white;
     margin-top: 2rem;
     margin-left: 1.8rem;
@@ -74,8 +88,16 @@
         /* Never collapse the sidebar for wide screens */
         display: block;
     }
-    
-    .account{
+
+    .account {
         position: fixed;
     }
+
+    #maintitle {
+    !important;
+        display: flex;
+        justify-content: left;
+        padding: 5px;
+        flex: 50%;
+    }
 }
diff --git a/ImageBoardServerApp/wwwroot/css/site.css b/ImageBoardServerApp/wwwroot/css/site.css
index b749bd6..57b76d9 100644
--- a/ImageBoardServerApp/wwwroot/css/site.css
+++ b/ImageBoardServerApp/wwwroot/css/site.css
@@ -1,7 +1,9 @@
 @import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
 
+
 html, body {
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    background-color: #181223;
 }
 
 h1:focus {