From da3156170c3ac0aabba27d21cde73f12afe8c5ac Mon Sep 17 00:00:00 2001
From: Oliver Roick <oliver@roick.email>
Date: Thu, 7 Nov 2024 16:08:09 +1100
Subject: [PATCH] chore: Change headlines to Bootstrap5 typography

---
 src/ProfileForm.jsx | 6 +++---
 src/form.css        | 6 ------
 2 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/ProfileForm.jsx b/src/ProfileForm.jsx
index 88754ec..99e7121 100644
--- a/src/ProfileForm.jsx
+++ b/src/ProfileForm.jsx
@@ -86,10 +86,10 @@ function Form() {
                 id={`profile-option-${slug}-label`}
                 className="profile-select-label"
               >
-                <span className="profile-select-label-heading">
+                <h2>
                   {display_name}
-                </span>
-                <span>{description}</span>
+                </h2>
+                <p>{description}</p>
               </div>
 
               <ProfileOptions profile={slug} config={profile_options} />
diff --git a/src/form.css b/src/form.css
index f65b25f..a20d698 100644
--- a/src/form.css
+++ b/src/form.css
@@ -18,12 +18,6 @@
   margin-bottom: 1rem;
 }
 
-.profile-select-label-heading {
-  display: block;
-  font-size: 2rem;
-  font-weight: bold;
-}
-
 .profile-select-radio {
   display: flex;
   gap: 1rem;