From dee47931766706968586dfaff903f9b0c435cdfe Mon Sep 17 00:00:00 2001
From: Andrei Tudor <tudor.andrei.707@gmail.com>
Date: Sat, 14 Dec 2024 17:39:56 +0200
Subject: [PATCH] Centered the Settings component

---
 .../Components/Layout/MainLayout.razor          |  8 +++-----
 .../Components/Pages/SidebarPages/Home.razor    | 14 +-------------
 .../Pages/SidebarPages/Settings.razor           | 17 +++++++----------
 3 files changed, 11 insertions(+), 28 deletions(-)

diff --git a/DiscordBotWebUI/Components/Layout/MainLayout.razor b/DiscordBotWebUI/Components/Layout/MainLayout.razor
index 6ab99b2..4b16314 100644
--- a/DiscordBotWebUI/Components/Layout/MainLayout.razor
+++ b/DiscordBotWebUI/Components/Layout/MainLayout.razor
@@ -8,11 +8,9 @@
     </div>
 
     <main>
-        <RadzenBody Expanded="true">
-            <article class="content px-4">
-                @Body
-            </article>
-        </RadzenBody>
+        <article class="content px-4">
+            @Body
+        </article>
     </main>
 </div>
 
diff --git a/DiscordBotWebUI/Components/Pages/SidebarPages/Home.razor b/DiscordBotWebUI/Components/Pages/SidebarPages/Home.razor
index 842bb5c..311a4e0 100644
--- a/DiscordBotWebUI/Components/Pages/SidebarPages/Home.razor
+++ b/DiscordBotWebUI/Components/Pages/SidebarPages/Home.razor
@@ -1,17 +1,5 @@
 @page "/"
-@inject IJSRuntime JSRuntime
-@inject NavigationManager NavigationManager
-@inject DialogService DialogService
-@inject ContextMenuService ContextMenuService
-@inject TooltipService TooltipService
-@inject NotificationService NotificationService
 
-<PageTitle>Home</PageTitle>
-<RadzenRow>
-    <RadzenColumn Size="12">
-        <RadzenText Text="Home" TextStyle="TextStyle.H3" TagName="TagName.H1" />
-    </RadzenColumn>
-</RadzenRow>
 @code {
 
-}
+}
\ No newline at end of file
diff --git a/DiscordBotWebUI/Components/Pages/SidebarPages/Settings.razor b/DiscordBotWebUI/Components/Pages/SidebarPages/Settings.razor
index 65e6d4a..2ec4a2f 100644
--- a/DiscordBotWebUI/Components/Pages/SidebarPages/Settings.razor
+++ b/DiscordBotWebUI/Components/Pages/SidebarPages/Settings.razor
@@ -1,14 +1,10 @@
 @page "/settings"
 @inject DialogService DialogService;
 
-<RadzenCard Style="padding: 2rem; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.2);">
-    <RadzenStack Orientation="Orientation.Vertical" Gap="20px" Style="color: white;">
+<div style="display: flex; justify-content: center; align-items: center; height: 100vh; background-color: transparent;">
+    <RadzenCard Style="padding: 2rem; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.2); width: 50%; max-width: 600px;">
+        <RadzenStack Orientation="Orientation.Vertical" Gap="20px" Style="color: white;">
             <RadzenLabel Text="Enter your Discord bot token below:" />
-            <RadzenLabel
-                Text="Create token here"
-                Component="a"
-                href="https://discord.com/developers/applications"
-                Style="display: block; margin-bottom: 0.5rem;" />
             <RadzenTextBox
                 id="token"
                 Name="token"
@@ -30,9 +26,10 @@
                 Style="width: 100%;"
                 bind-Value="@ServerIdsString" />
 
-        <RadzenButton Text="Save Changes" Click="SaveButtonClick" Style="margin-top: 1rem;" />
-    </RadzenStack>
-</RadzenCard>
+            <RadzenButton Text="Save Changes" Click="SaveButtonClick" Style="margin-top: 1rem;" />
+        </RadzenStack>
+    </RadzenCard>
+</div>
 
 
 @code {