From 150a186aeab45fe582888f3da129bef2f003811f Mon Sep 17 00:00:00 2001
From: sudoer777 <78781902+sudoer777@users.noreply.github.com>
Date: Fri, 26 Nov 2021 13:59:17 -0700
Subject: [PATCH] Add labels to game submit page

---
 public/stylesheets/form.css |  2 +-
 views/index.pug             |  2 +-
 views/manage/addgame.pug    | 47 ++++++++++++++++++++++++-------------
 3 files changed, 33 insertions(+), 18 deletions(-)

diff --git a/public/stylesheets/form.css b/public/stylesheets/form.css
index 9859f8c..43fee2e 100644
--- a/public/stylesheets/form.css
+++ b/public/stylesheets/form.css
@@ -46,6 +46,6 @@ form {
       width: auto;
   }
 
-  #sport-gender-division {
+  .flat-form-section {
       flex-direction: row;
   }
\ No newline at end of file
diff --git a/views/index.pug b/views/index.pug
index eec3efa..a1b7d2d 100644
--- a/views/index.pug
+++ b/views/index.pug
@@ -16,7 +16,7 @@ block content
             label Year
             span(class='form-section-input')
                 select#year-dropdown(name="year" class="form-main-dropdown")
-        span#sport-gender-division(class='form-section')
+        span(class='form-section flat-form-section')
             span
                 label Sport
                 span(class='form-section-input')
diff --git a/views/manage/addgame.pug b/views/manage/addgame.pug
index 61e7aaa..61e8f61 100644
--- a/views/manage/addgame.pug
+++ b/views/manage/addgame.pug
@@ -10,26 +10,41 @@ block content
         label Year
         span(class='form-section-input')
           select#year-dropdown(name="year" class="form-main-dropdown" disabled)
-      span(class='form-section')
-        label Sport
-        span(class='form-section-input')
-          select#sport-dropdown(name="sport" class="form-main-dropdown" disabled) 
-          select#gender-dropdown(name="gender" disabled)
-          select#division-dropdown(name="division" disabled)
+      span(class='form-section flat-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 Date of match
         span(class='form-section-input')
           input#date-input(type="date", name="date" value=date disabled)
-      span(class='form-section')
-        label Your team
-        span(class='form-section-input')
-          select#team1-dropdown(name="team1" class="form-main-dropdown" disabled)
-          input#team1-score-textbox(class="form-score-input", type="number", name="team1-score", value="0" disabled)
-      span(class='form-section')
-        label Opponent
-        span(class='form-section-input')
-          select#team2-dropdown(name="team2" class="form-main-dropdown" disabled)
-          input#team2-score-textbox(class="form-score-input", type="number", name="team2-score", value="0" disabled)
+      span(class='form-section flat-form-section')
+        span
+          label Your team
+          span(class='form-section-input')
+            select#team1-dropdown(name="team1" class="form-main-dropdown" disabled)
+        span(class='form-score-input')
+          label Score 
+          span(class='form-section-input')
+            input#team1-score-textbox(type="number", name="team1-score", value="0" disabled)
+      span(class='form-section flat-form-section')
+        span
+          label Opponent
+          span(class='form-section-input')
+            select#team2-dropdown(name="team2" class="form-main-dropdown" disabled)
+        span(class='form-score-input')
+          label Score 
+          span(class='form-section-input')
+            input#team2-score-textbox(type="number", name="team2-score", value="0" disabled)
       span(class='form-section')
         button#submit-button(type="submit" disabled) Submit
     span(class='form-section')