From d962dc05c0d0570e5c60588bd2dfed3665af39fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vojte=CC=8Cch=20Struha=CC=81r?= <vojtechstruhar@gmail.com>
Date: Fri, 29 Dec 2023 18:47:31 +0100
Subject: [PATCH] Adjusted fieldset borders

---
 src/pages/index.astro | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 53f24bd..97c29dd 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -5,7 +5,7 @@ import PageLayout from "../layouts/PageLayout.astro";
 
 <PageLayout title="Steam Review Template">
   <header class="bg-slate-700 text-white py-2 flex flex-col items-center">
-    <h2>{"---{ Review Template }---"}</h2>
+    <h1>{"---{ Review Template }---"}</h1>
     <p class="mt-0">☑ Awesome</p>
   </header>
 
@@ -30,7 +30,7 @@ import PageLayout from "../layouts/PageLayout.astro";
     {
       config_json.categories.map((category) => (
         <form class="flex flex-col gap-2 ">
-          <fieldset class="rounded-lg my-4 shadow border bg-sky-100">
+          <fieldset class="rounded-lg my-4 shadow-md border bg-sky-100">
             <legend class="font-mono font-bold text-xl bg-emerald-300 px-4 rounded-lg shadow">
               {category.title}
             </legend>
@@ -166,4 +166,9 @@ import PageLayout from "../layouts/PageLayout.astro";
   input[type="checkbox"] {
     transform: scale(1.25);
   }
+
+  fieldset,
+  legend {
+    border: 1px solid #ccc;
+  }
 </style>