From b6936f1a31ef221ca75ebf9bdf33d6904db87b28 Mon Sep 17 00:00:00 2001
From: Ubuntu <claytonwilson@protonmail.com>
Date: Tue, 23 Apr 2019 01:08:41 -0400
Subject: [PATCH] Styles upload.php

---
 main.css   | 111 +++++++++++++++++++++++++++++++++++++++++++++++++----
 upload.php |  92 +++++++++++++++++++++++++++-----------------
 2 files changed, 161 insertions(+), 42 deletions(-)

diff --git a/main.css b/main.css
index 1902b01..22c6798 100644
--- a/main.css
+++ b/main.css
@@ -50,6 +50,8 @@ form.upload-form {
 	border-left: #727272 solid 2px;
 	border-right: #727272 solid 2px;
 	margin: 0 25% 0 25%;
+	margin-top: 60px;
+	margin-bottom: 60px;
 }
 
 .upload-form input, .upload-form textarea, .upload-form select {
@@ -66,20 +68,115 @@ form.upload-form {
     	margin-left: 20px;
 }
 
+h3.url {
+	/* padding-top: 40px; */
+	/* border: white solid 1px; */
+}
+
+.url {
+	margin: auto !important;
+	width: 60%;
+}
+
+h3.title {
+	padding-top: 40px;
+}
+
+.title {
+	margin: auto !important;
+	width: 60%;
+}
+
+.user-date {
+	width: 60%;
+	margin: auto;
+}
+
+.username {
+	padding-top: 20px;
+	margin-left: -20px;
+}
+
+.video-date {
+	float: right;
+	margin-top: -62px;
+}
+
+.description {
+	width: 60%;
+	margin:	auto !important;
+}
+
+h3.description {
+	padding-top: 40px;
+}
+
+.characters {
+	width: 60%;
+	margin: auto !important;
+}
+
+h3.characters {
+	padding-top: 40px;
+}
+
+.players {
+	width: 60%;
+	margin: auto !important;
+}
+
+h3.players {
+	padding-top: 40px;
+}
+
+.game-info {
+	width: 60%;
+	margin: auto;
+}
+
+.game-name {
+	padding-top: 20px;
+	margin-left: -20px;
+}
+
+.stage-name {
+	float: right;
+	margin-top: -61px;
+}
+
+.length-button {
+	margin: auto;
+	width: 60%;
+	/* border: white solid 1px; */
+}
+
+.length {
+	padding-top: 20px;
+	margin-left: -20px;
+}
+
+.button {
+	float: right;
+	margin-top: -21px;
+}
+
+
+
+
 /* Styles for Video element displays */
 
 div.video-list-container {
 	/* border: white solid 1px; */
-    	margin-left: 15%;
-        margin-right: 15%;
+		margin-left: 15%;
+		margin-right: 15%;
 }
 
 #video-item {
-    	/* border: white solid 1px; */
-    	width: 100%;
-        height: 178.75px;
-    	padding-top: 10px;
-        border-bottom: #727272 solid 2px;
+		/* border: white solid 1px; */
+		width: 100%;
+		height: 178.75px;
+		padding-top: 10px;
+		border-bottom: #727272 solid 2px;
 }
 
 iframe {
diff --git a/upload.php b/upload.php
index 8efc326..598a9b6 100755
--- a/upload.php
+++ b/upload.php
@@ -17,45 +17,67 @@
     <!-- submit.php will read the variables from the url and add it to the database -->
     <form class="upload-form" id="upload-form" action="submit.php">
 
-        <h3>Youtube URL *</h3>
-        <input type="text" name="url" id="url">
+        <h3 class="url">Youtube URL *</h3>
+        <input type="text" name="url" id="url" class="url">
 
-        <h3>Video Title *</h3>
-        <input type="text" name="title" id="title">
+        <h3 class="title">Video Title *</h3>
+        <input type="text" name="title" id="title" class="title">
         
-        <h3>Username *</h3>
-        <input type="text" name="username" id="username">
-        
-        <h3>Description</h3>
-        <textarea name="description" cols="30" rows="10" id="description"></textarea>
-        
-        <h3>Event Date *</h3>
-        <input type="date" name="video-date" id="video-date">
-        
-        <h3>Video Length</h3>
-        <input type="text" name="length" id="length">
-        
-        <h3>Characters (Seperated by commas) *</h3>
-        <input type="text" name="characters" id="characters">
-        
-        <h3>Players (Seperated by commas) *</h3>
-        <input type="text" name="players" id="players">
-        
-        <h3>Select Game *</h3>
-        <select name="game" id="game">
-            <option disabled selected value>-- Game --</option>
-            <option value="Street Fighter V">Street Fighter V</option>
-            <option value="Mortal Kombat 11">Mortal Kombat 11</option>
-            <option value="Super Smash Bros Melee">Super Smash Bros Melee</option>
-            <option value="Super Smash Bros Ultimate">Super Smash Ultimate</option>
-            <option value="Killer Instinct">Killer Instinct</option>
-            <option value="Injustice">Injustice</option>       
-        </select>
+        <div class="user-date">
+            <div class="username">
+                <h3>Username *</h3>
+                <input type="text" name="username" id="username">
+            </div>
 
-        <h3>Stage Name *</h3>
-        <input type="text" name="stage" id="stage">
+            
+            <div class="video-date">
+                <h3>Event Date *</h3>
+                <input type="date" name="video-date" id="video-date">
+            </div>
+        </div>
+        
+        <h3 class="description">Description</h3>
+        <textarea name="description" cols="30" rows="10" id="description" class="description"></textarea>
+        
+        <h3 class="characters">Characters (Seperated by commas) *</h3>
+        <input type="text" name="characters" id="characters" class="characters">
+        
+        <h3 class="players">Players (Seperated by commas) *</h3>
+        <input type="text" name="players" id="players" class="players">
+        
+            
+        
+        
+        <div class="game-info">
+            <div class="game-name">
+                <h3>Select Game *</h3>
+                <select name="game" id="game">
+                    <option disabled selected value>-- Game --</option>
+                    <option value="Street Fighter V">Street Fighter V</option>
+                    <option value="Mortal Kombat 11">Mortal Kombat 11</option>
+                    <option value="Super Smash Bros Melee">Super Smash Bros Melee</option>
+                    <option value="Super Smash Bros Ultimate">Super Smash Ultimate</option>
+                    <option value="Killer Instinct">Killer Instinct</option>
+                    <option value="Injustice">Injustice</option>       
+                </select>
+            </div>
 
-        <input type="button" name="submit_button" value="Submit" onclick="validateUpload()">
+            <div class="stage-name">
+                <h3 class="stage">Stage Name *</h3>
+                <input type="text" name="stage" id="stage" class="stage">
+            </div>
+        </div>
+
+        <div class="length-button">
+            <div class="length">
+                <h3>Video Length</h3>
+                <input type="text" name="length" id="length">
+            </div>
+
+            <div class="button">
+                <input type="button" name="submit_button" value="Submit" onclick="validateUpload()">
+            </div>
+        </div>
     </form>
 
 </body>