From a385ee20bd2a6055cbeb6a597a770110f818bfd9 Mon Sep 17 00:00:00 2001
From: Sarahtonin <SRHTNIN@proton.me>
Date: Thu, 3 Sep 2026 18:35:51 +0200
Subject: [PATCH] Fixed styling error in garden page, and adjusted pricing on
 new gardens.

---
 Pages/Garden.php           |  5 ++++-
 Scripts/Garden/Garden.js   |  7 ++++++-
 Scripts/Garden/Upgrades.js |  2 +-
 Styles/Style.css           | 12 +++++++++---
 4 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/Pages/Garden.php b/Pages/Garden.php
index be5f995..3811e80 100644
--- a/Pages/Garden.php
+++ b/Pages/Garden.php
@@ -111,7 +111,10 @@ $PageSection = "Garden";
             </div>
 
             <div class="GardenLayout">
-                <section id="Plots">
+                <section
+                    id="Plots"
+                    class="Panel GardenPlotsPanel"
+                >
                     <h2>Plots</h2>
 
                     <div
diff --git a/Scripts/Garden/Garden.js b/Scripts/Garden/Garden.js
index b4cee99..b7cc428 100644
--- a/Scripts/Garden/Garden.js
+++ b/Scripts/Garden/Garden.js
@@ -545,6 +545,11 @@ function RenderGarden() {
             "GardenGrid"
         );
 
+    const GardenPanel =
+        document.getElementById(
+            "Plots"
+        );
+
     GardenGrid.style.setProperty(
         "--GardenWidth",
         GameSave.Garden.Width
@@ -561,7 +566,7 @@ function RenderGarden() {
         "var(--Green)"
     ];
 
-    GardenGrid.style.setProperty(
+    GardenPanel.style.setProperty(
         "--GardenBorderColour",
         GardenBorderColours[
             GameSave.ActiveGardenIndex %
diff --git a/Scripts/Garden/Upgrades.js b/Scripts/Garden/Upgrades.js
index 5537527..e37d893 100644
--- a/Scripts/Garden/Upgrades.js
+++ b/Scripts/Garden/Upgrades.js
@@ -2,7 +2,7 @@ const GardenExpansionBaseCost = 1000;
 const PlantInformationUpgradeCost = 500;
 const GardenOverviewUpgradeCost = 1000;
 const MutationHintsUpgradeCost = 1500;
-const NewGardenBaseCost = 30000;
+const NewGardenBaseCost = 15000;
 const NewGardenCostMultiplier = 1.5;
 const NewGardenCostRounding = 1000;
 
diff --git a/Styles/Style.css b/Styles/Style.css
index 887b08b..d948f1b 100644
--- a/Styles/Style.css
+++ b/Styles/Style.css
@@ -359,14 +359,20 @@ input, button, textarea, select {
     align-items: start;
 }
 
+.GardenPlotsPanel {
+    padding: 0.75rem;
+    border-color: var(--GardenBorderColour, var(--Lavender));
+}
+
+.GardenPlotsPanel h2 {
+    margin-bottom: 0.75rem;
+}
+
 .GardenGrid {
     --GardenWidth: 3;
     display: grid;
     grid-template-columns: repeat( var(--GardenWidth), minmax(0, 1fr) );
     gap: 0.5rem;
-    padding: 0.75rem;
-    background-color: var(--Mantle);
-    border: 4px solid var(--GardenBorderColour, var(--Lavender));
 }
 
 .GardenPlot {