From 79a19076e656c49c10cea2f15e1239c2df612c91 Mon Sep 17 00:00:00 2001
From: Christian van der Loo <chris.vanderloo@yahoo.com>
Date: Thu, 18 Aug 2022 20:50:23 -0500
Subject: [PATCH] fix: sort tailwindcss, h2 on profile

---
 packages/web/src/components/settings/Account.tsx  | 10 ++++------
 packages/web/src/components/settings/Security.tsx |  8 ++++----
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/packages/web/src/components/settings/Account.tsx b/packages/web/src/components/settings/Account.tsx
index ec7f4ce..870c26a 100644
--- a/packages/web/src/components/settings/Account.tsx
+++ b/packages/web/src/components/settings/Account.tsx
@@ -31,10 +31,8 @@ export default function Profile() {
 
   return (
     <div className="space-y-4">
-      <h1 className="text-3xl font-bold text-neutral-800 dark:text-neutral-100">
-        Profile
-      </h1>
-      <div className="flex justify-center items-center">
+      <h2>Profile</h2>
+      <div className="flex items-center justify-center">
         <span className="w-36">First Name</span>
         <FormInput
           id="fname"
@@ -48,7 +46,7 @@ export default function Profile() {
           }}
         />
       </div>
-      <div className="flex justify-center items-center">
+      <div className="flex items-center justify-center">
         <span className="w-36">Last Name</span>
         <FormInput
           id="lname"
@@ -62,7 +60,7 @@ export default function Profile() {
           }}
         />
       </div>
-      <div className="flex justify-center items-center">
+      <div className="flex items-center justify-center">
         <span className="w-36">Organization</span>
         <FormInput
           id="org"
diff --git a/packages/web/src/components/settings/Security.tsx b/packages/web/src/components/settings/Security.tsx
index 8087e08..469d65e 100644
--- a/packages/web/src/components/settings/Security.tsx
+++ b/packages/web/src/components/settings/Security.tsx
@@ -11,11 +11,11 @@ export default function Security() {
 
   return (
     <div className="space-y-4">
-      <h1>Security</h1>
+      <h2>Security</h2>
       <div className="flex justify-start">
-        <div className="form-check mb-4 mt-2">
+        <div className="mt-2 mb-4 form-check">
           <input
-            className="form-check-input h-4 w-4 border border-gray-300 rounded-sm mt-1 align-top bg-no-repeat bg-center bg-contain float-left mr-2 cursor-pointer"
+            className="float-left w-4 h-4 mt-1 mr-2 align-top bg-center bg-no-repeat bg-contain border border-gray-300 rounded-sm cursor-pointer form-check-input"
             type="checkbox"
             value=""
             checked={uses2FA}
@@ -29,7 +29,7 @@ export default function Security() {
             id="check2FA"
           />
           <label
-            className="form-check-label inline-block text-stone-800 dark:text-stone-100"
+            className="inline-block form-check-label text-stone-800 dark:text-stone-100"
             for="check2FA"
           >
             Use 2-Factor Authentication
-- 
2.51.2