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">
+    <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>
+        <a class="navbar-brand" id="logo" href="/">BulletBoard</a>
-        <button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
-            <span class="navbar-toggler-icon"></span>
-        </button>
     </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

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%;
+    }
 }

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 {