From d31699f2de735cca3634dc5edeee8172e574be10 Mon Sep 17 00:00:00 2001
From: Kira Jiroux <microsoft.com@kirajiroux.com>
Date: Fri, 7 Mar 2025 17:42:44 -0500
Subject: [PATCH] Trying to figure out why it won't go the full width but
 whatevs

---
 .../Components/Component/PokemonHeader.razor  | 58 ++++++++++---------
 .../Components/Layout/MainLayout.razor        |  9 +--
 .../Components/Pages/PokemonSleep.razor       |  8 ++-
 3 files changed, 38 insertions(+), 37 deletions(-)

diff --git a/Portfolio.WebUI.Server/Components/Component/PokemonHeader.razor b/Portfolio.WebUI.Server/Components/Component/PokemonHeader.razor
index 810c0c8..37e9cf5 100644
--- a/Portfolio.WebUI.Server/Components/Component/PokemonHeader.razor
+++ b/Portfolio.WebUI.Server/Components/Component/PokemonHeader.razor
@@ -1,35 +1,37 @@
 
 <!-- Heading + Buttons -->
-<div class="top-row bg-gradient bg-secondary py-3">
-    <div class="row">
-        <div class="col-4"></div>
-        <div class="col-4 text-center">
-            <h1 class="text-primary">Pokémon Sleep</h1>
-        </div>
-        <div class="col-4 text-end">
-            <div class="btn-group col mx-1 my-1">
-                <NavLink class="btn btn-danger" style="border-radius: 50px 15px;" href="/pokemonsleep">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-table" viewBox="0 0 16 16">
-                        <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 2h-4v3h4zm0 4h-4v3h4zm0 4h-4v3h3a1 1 0 0 0 1-1zm-5 3v-3H6v3zm-5 0v-3H1v2a1 1 0 0 0 1 1zm-4-4h4V8H1zm0-4h4V4H1zm5-3v3h4V4zm4 4H6v3h4z" />
-                    </svg>
-                    <span class="mx-2">Pokémon</span>
-                </NavLink>
-                <NavLink class="btn btn-primary" style="border-radius: 50px 15px;" href="/pokemonsleep/rate-pokemon">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-award-fill" viewBox="0 0 16 16">
-                        <path d="m8 0 1.669.864 1.858.282.842 1.68 1.337 1.32L13.4 6l.306 1.854-1.337 1.32-.842 1.68-1.858.282L8 12l-1.669-.864-1.858-.282-.842-1.68-1.337-1.32L2.6 6l-.306-1.854 1.337-1.32.842-1.68L6.331.864z" />
-                        <path d="M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1z" />
-                    </svg> 
-                    <span class="mx-2">Rate Pokémon</span>
-                </NavLink>
-                <NavLink class="btn btn-info" style="border-radius: 50px 15px;" href="/pokemonsleep/add-new-pokemon">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-circle-fill" viewBox="0 0 16 16">
-                        <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z" />
-                    </svg> 
-                    <span class="mx-2">Add New Pokémon</span>
-                </NavLink>
+<div class="top-row row w-100 mx-0 bg-secondary py-3">
+
+    <div class="col-4"></div>
+
+    <div class="col-4 text-center">
+        <h1 class="text-primary">Pokémon Sleep</h1>
+    </div>
+
+    <div class="col-4 text-end">
+        <div class="btn-group col my-1">
+            <NavLink class="btn btn-danger" style="border-radius: 50px 15px;" href="/pokemonsleep">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-table" viewBox="0 0 16 16">
+                    <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 2h-4v3h4zm0 4h-4v3h4zm0 4h-4v3h3a1 1 0 0 0 1-1zm-5 3v-3H6v3zm-5 0v-3H1v2a1 1 0 0 0 1 1zm-4-4h4V8H1zm0-4h4V4H1zm5-3v3h4V4zm4 4H6v3h4z" />
+                </svg>
+                <span class="mx-1">Pokémon</span>
+            </NavLink>
+            <NavLink class="btn btn-primary" style="border-radius: 50px 15px;" href="/pokemonsleep/rate-pokemon">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-award-fill" viewBox="0 0 16 16">
+                    <path d="m8 0 1.669.864 1.858.282.842 1.68 1.337 1.32L13.4 6l.306 1.854-1.337 1.32-.842 1.68-1.858.282L8 12l-1.669-.864-1.858-.282-.842-1.68-1.337-1.32L2.6 6l-.306-1.854 1.337-1.32.842-1.68L6.331.864z" />
+                    <path d="M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1z" />
+                </svg> 
+                <span class="mx-1">Rate Pokémon</span>
+            </NavLink>
+            <NavLink class="btn btn-info" style="border-radius: 50px 15px;" href="/pokemonsleep/add-new-pokemon">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-circle-fill" viewBox="0 0 16 16">
+                    <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z" />
+                </svg> 
+                <span class="mx-1">Add New Pokémon</span>
+            </NavLink>
 
 
-            </div>
         </div>
     </div>
+
 </div>
diff --git a/Portfolio.WebUI.Server/Components/Layout/MainLayout.razor b/Portfolio.WebUI.Server/Components/Layout/MainLayout.razor
index 9cbb025..67b5df1 100644
--- a/Portfolio.WebUI.Server/Components/Layout/MainLayout.razor
+++ b/Portfolio.WebUI.Server/Components/Layout/MainLayout.razor
@@ -1,13 +1,10 @@
 @inherits LayoutComponentBase
 
-<!-- <NavMenu3 />-->
-<div class="page">
+<div class="page" >
 
-    <Sidebar />
-
-
-    <main>
+    <Sidebar/>
 
+    <main class="bg-primary-subtle">
         <article class="content px-4">
             @Body
         </article>
diff --git a/Portfolio.WebUI.Server/Components/Pages/PokemonSleep.razor b/Portfolio.WebUI.Server/Components/Pages/PokemonSleep.razor
index 01adee5..21522c9 100644
--- a/Portfolio.WebUI.Server/Components/Pages/PokemonSleep.razor
+++ b/Portfolio.WebUI.Server/Components/Pages/PokemonSleep.razor
@@ -6,9 +6,11 @@
 
 <PageTitle>Pokémon Sleep</PageTitle>
 
+<div class="w-100">
+    <PokemonBackground /> 
 
-<PokemonBackground /> 
+    <PokemonHeader />
 
-<PokemonHeader />
+    <PokemonTable />
 
-<PokemonTable />
\ No newline at end of file
+</div>
\ No newline at end of file