feat: moved the logo to the right side

fix: fixed coloring in bg on mobile

Signed-off-by: limited_dev <loginakkisativ@gmail.com>

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>

ImageBoardServerApp/Shared/MainLayout.razor

@@ -13,9 +13,13 @@
         <article class="content px-4">
             @Body
         </article>
+        <br/>
+        <br/>
+        <br/>
     </main>
 </div>
 
+
 @code
 {
 

ImageBoardServerApp/Shared/NavMenu.razor

@@ -3,12 +3,12 @@
 @inject NavigationManager navManager
 
 <div class="top-row ps-3 navbar navbar-dark">
-    <div class="container-fluid">
-        <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>
+    <div class="container-fluid" id="maintitle" href="/">
+        <img src="img/static/logo_trans.png" width="32" height="32" alt="Logo"/>
+        <a class="navbar-brand" id="logo" href="/">BulletBoard</a>
     </div>
 </div>
 

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;
@@ -78,4 +92,12 @@
     .account {
         position: fixed;
     }
+
+    #maintitle {
+    !important;
+        display: flex;
+        justify-content: left;
+        padding: 5px;
+        flex: 50%;
+    }
 }

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 {