From 2fc17c0c4253f7b3baced28ed6ed7a491719aa48 Mon Sep 17 00:00:00 2001
From: sudoer777 <78781902+sudoer777@users.noreply.github.com>
Date: Fri, 26 Nov 2021 13:52:57 -0700
Subject: [PATCH] Add labels for gender and division for index page

---
 public/stylesheets/form.css |  4 ++++
 views/index.pug             | 19 +++++++++++++------
 2 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/public/stylesheets/form.css b/public/stylesheets/form.css
index 389028c..9859f8c 100644
--- a/public/stylesheets/form.css
+++ b/public/stylesheets/form.css
@@ -44,4 +44,8 @@ form {
 
   #admin-checkbox {
       width: auto;
+  }
+
+  #sport-gender-division {
+      flex-direction: row;
   }
\ No newline at end of file
diff --git a/views/index.pug b/views/index.pug
index b504698..eec3efa 100644
--- a/views/index.pug
+++ b/views/index.pug
@@ -16,12 +16,19 @@ block content
             label Year
             span(class='form-section-input')
                 select#year-dropdown(name="year" class="form-main-dropdown")
-        span(class='form-section')
-            label Sport
-            span(class='form-section-input')
-                select#sport-dropdown(name="sport" class="form-main-dropdown") 
-                select#gender-dropdown(name="gender")
-                select#division-dropdown(name="division")
+        span#sport-gender-division(class='form-section')
+            span
+                label Sport
+                span(class='form-section-input')
+                    select#sport-dropdown(name="sport" class="form-main-dropdown")
+            span
+                label Gender 
+                span(class='form-section-input')
+                    select#gender-dropdown(name="gender")
+            span 
+                label Division 
+                span(class='form-section-input')
+                    select#division-dropdown(name="division")
         span(class='form-section')
             label Team
             span(class='form-section-input')