From 323a9bdd1652823cd6bba4ef2749b6c21a256b3a Mon Sep 17 00:00:00 2001
From: Ivy Collective <sys@ivycollective.dev>
Date: Mon, 23 Dec 2024 18:56:51 -0500
Subject: [PATCH] switch to reboot styles

---
 App.razor                 |  4 ++--
 Layout/MainLayout.razor   |  2 +-
 Pages/Main/Settings.razor | 36 ++++++++++++++++++++++--------------
 wwwroot/css/app.css       | 11 -----------
 wwwroot/index.html        |  3 +--
 5 files changed, 26 insertions(+), 30 deletions(-)
 delete mode 100644 wwwroot/css/app.css

diff --git a/App.razor b/App.razor
index 586e971..d430ef5 100644
--- a/App.razor
+++ b/App.razor
@@ -13,7 +13,7 @@
             <ErrorContent>
                 <PageTitle>An error occurred</PageTitle>
                 <LayoutView Layout="@typeof(DefaultLayout)">
-                    <FluentBodyContent>
+                    <FluentBodyContent FluentBodyContent style="padding: 1rem">
                         <h1>An error occurred</h1>
                         <p>
                             If you're able to, contact a developer to get the issue fixed.
@@ -27,7 +27,7 @@
     <NotFound>
         <PageTitle>Not found</PageTitle>
         <LayoutView Layout="@typeof(DefaultLayout)">
-            <FluentBodyContent>
+            <FluentBodyContent style="padding: 1rem">
                 <h1>Page Not Found</h1>
                 <FluentAnchor Href="/" Appearance="Appearance.Hypertext">Head back home?</FluentAnchor>
             </FluentBodyContent>
diff --git a/Layout/MainLayout.razor b/Layout/MainLayout.razor
index 8767763..d072085 100644
--- a/Layout/MainLayout.razor
+++ b/Layout/MainLayout.razor
@@ -15,7 +15,7 @@
                 <FluentNavLink Href="/about" Icon="@(new Icons.Regular.Size24.Info())">About</FluentNavLink>
             </FluentNavMenu>
 
-            <FluentBodyContent>
+            <FluentBodyContent style="padding-top: 1rem">
                 @Body
             </FluentBodyContent>
         </FluentStack>
diff --git a/Pages/Main/Settings.razor b/Pages/Main/Settings.razor
index a728e07..2e8783e 100644
--- a/Pages/Main/Settings.razor
+++ b/Pages/Main/Settings.razor
@@ -9,24 +9,30 @@
 
 <h1>Settings</h1>
 
-<FluentButton OnClick="ApplySettingsAsync" Appearance="Appearance.Accent">Apply changes</FluentButton>
-<FluentButton OnClick="ResetSettings">Undo changes</FluentButton>
+<p>
+    <FluentButton OnClick="ApplySettingsAsync" Appearance="Appearance.Accent">Apply changes</FluentButton>
+    <FluentButton OnClick="ResetSettings">Undo changes</FluentButton>
+</p>
 
 <h2>Appearance</h2>
 
 <p>Switch between light and dark mode, and pick your accent color</p>
 
-<FluentRadioGroup Name="Color theme" Required="true" @bind-Value=TmpSettings.ThemeMode>
-    <FluentRadio Value="@DesignThemeModes.System">System (automatically set)</FluentRadio>
-    <FluentRadio Value="@DesignThemeModes.Light">Light</FluentRadio>
-    <FluentRadio Value="@DesignThemeModes.Dark">Dark</FluentRadio>
-</FluentRadioGroup>
+<p>
+    <FluentRadioGroup Name="Color theme" Required="true" @bind-Value=TmpSettings.ThemeMode>
+        <FluentRadio Value="@DesignThemeModes.System">System (automatically set)</FluentRadio>
+        <FluentRadio Value="@DesignThemeModes.Light">Light</FluentRadio>
+        <FluentRadio Value="@DesignThemeModes.Dark">Dark</FluentRadio>
+    </FluentRadioGroup>
+</p>
 
-<FluentSelect
-    Label="Accent color" Required="true"
-    Items="@(new List<OfficeColor>((OfficeColor[]) Enum.GetValues(typeof(OfficeColor))))"
-    @bind-SelectedOption=TmpSettings.AccentColor
-/>
+<p>
+    <FluentSelect
+        Label="Accent color" Required="true"
+        Items="@(new List<OfficeColor>((OfficeColor[]) Enum.GetValues(typeof(OfficeColor))))"
+        @bind-SelectedOption=TmpSettings.AccentColor
+    />
+</p>
 
 <h2>API Server</h2>
 
@@ -40,8 +46,10 @@
 
 <p>You can sign out here. If you want to, you can optionally sign out of all linked applications for your account.</p>
 
-<FluentButton Appearance="Appearance.Accent" OnClick="SignOut">Sign out</FluentButton>
-<FluentAnchor Href='@savedSettings.Settings.RelativeUrl("/auth/unlink")'>Unlink applications</FluentAnchor>
+<p>
+    <FluentButton Appearance="Appearance.Accent" OnClick="SignOut">Sign out</FluentButton>
+    <FluentAnchor Href='@savedSettings.Settings.RelativeUrl("/auth/unlink")'>Unlink applications</FluentAnchor>
+</p>
 
 
 
diff --git a/wwwroot/css/app.css b/wwwroot/css/app.css
deleted file mode 100644
index 7326c03..0000000
--- a/wwwroot/css/app.css
+++ /dev/null
@@ -1,11 +0,0 @@
-body {
-    margin: 0;
-    padding: 0;
-    height: 100vh;
-    font-family: var(--body-font);
-    font-size:   var(--type-ramp-base-font-size);
-    line-height: var(--type-ramp-base-line-height);
-    font-weight: var(--font-weight);
-    color:       var(--neutral-foreground-rest);
-    background:  var(--neutral-fill-layer-rest);
-}
\ No newline at end of file
diff --git a/wwwroot/index.html b/wwwroot/index.html
index d7d2557..b717276 100644
--- a/wwwroot/index.html
+++ b/wwwroot/index.html
@@ -6,9 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>blazingconsole</title>
     <base href="/" />
-    <link rel="stylesheet" href="css/app.css" />
     <link rel="icon" type="image/png" href="favicon.png" />
     <link href="blazingconsole.styles.css" rel="stylesheet" />
+    <link href="_content/Microsoft.FluentUI.AspNetCore.Components/css/reboot.css" rel="stylesheet" />
 </head>
 
 <body>
@@ -75,5 +75,4 @@
     <loading-theme storage-name="theme" />
     <fluent-design-theme mode="system" primary-color="onenote" />
 </body>
-
 </html>