From 5727ce2283833dbccbad84b3980a36311ceaec3d Mon Sep 17 00:00:00 2001
From: Brandon <25nguyenb26@stu.smuhsd.org>
Date: Tue, 3 Oct 2023 13:54:21 -0700
Subject: [PATCH] adding header

---
 src/components/Review.jsx          |  1 +
 src/components/inputs/Dropdown.jsx |  2 +-
 src/components/inputs/inputs.scss  | 24 +++++++++++++++++++-----
 3 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/components/Review.jsx b/src/components/Review.jsx
index 1b40a43..b07d971 100644
--- a/src/components/Review.jsx
+++ b/src/components/Review.jsx
@@ -18,6 +18,7 @@ const Review = () => {
         label="Scouting data accidents / problems"
         prop="scoutProblems"
       ></Checkbox>
+      <div className="TextLine Divider">Pickup</div>
       <Checkbox
         label="Ground pickup"
         prop="groundPickup"
diff --git a/src/components/inputs/Dropdown.jsx b/src/components/inputs/Dropdown.jsx
index 27af4e5..e32c54c 100644
--- a/src/components/inputs/Dropdown.jsx
+++ b/src/components/inputs/Dropdown.jsx
@@ -17,7 +17,7 @@ const Dropdown = ({prop, phase, wide, center, options}) => {
     )
   return (
     <select
-      className={(wide ? " wide " : " halfWide ") + (center ? " center " : "")}
+      className={(wide ? " wide " : " halfWide ") + (center ? " center-text " : "")}
       onChange={(event) => {
 
         console.log("phase:" + phase + " prop:" + prop + " val:" + event.target.value)
diff --git a/src/components/inputs/inputs.scss b/src/components/inputs/inputs.scss
index 55d72e9..abf4261 100644
--- a/src/components/inputs/inputs.scss
+++ b/src/components/inputs/inputs.scss
@@ -123,14 +123,27 @@ textarea {
   padding: 2px 2vw;
 }
 
-p,
-label,
-div.Center {
+
+@mixin center{
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
+
+p,
+label,
+div.Center {
+  @include center();
+}
+
+div.Divider {
+ @include center();
+ text-decoration: underline;
+ font-weight: bold;
+ font-size: 1.4rem;
+}
+
 label.AlignRight {
   justify-content: right;
 }
@@ -217,6 +230,7 @@ div.TripleTeamSelector {
   }
 }
 
-.center {
+.center-text {
   text-align: center;
-}
\ No newline at end of file
+}
+