Shoppingcart popop has a functionless location name field and date in…

…put looks nicer
arc12012 · Mar 30, 2017 · af11bb7 · af11bb7
1 parent 1e34125
commit af11bb7
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 8 deletions.
diff --git a/WebContent/html/css/stylesheet.css b/WebContent/html/css/stylesheet.css
@@ -75,6 +75,16 @@ input[type=text]{
     width: 60%;
 }
 
+input[type=tel]{
+    margin: 0 auto;
+    width: 60%;
+}
+
+input[type=number]{
+    margin: 0 auto;
+    width: 60%;
+}
+
 select{
     margin:0 auto;
     width: 65%;

diff --git a/WebContent/html/webpages/shoppingCart.jsp b/WebContent/html/webpages/shoppingCart.jsp
@@ -11,8 +11,8 @@ pageEncoding="ISO-8859-1"%>
 Cookie[] cookies = request.getCookies();
 int sso = 0;
 for(Cookie c : cookies)
-{
-	if(c.getName().equals("ssoNum")) sso = Integer.parseInt(c.getValue());
+    {
+if(c.getName().equals("ssoNum")) sso = Integer.parseInt(c.getValue());
 }
 %>
 
@@ -80,15 +80,19 @@ for(Cookie c : cookies)
                     </div>
                     <div class="form-group row">
                         <label for="phone">Phone Number</label><br/>
-                        <input type="text" class="form-control" name="phone" placeholder="203-867-5309" required>
+                        <input type="tel" class="form-control" name="phone" placeholder="203-867-5309" style="margin: 0 auto; width:60%" required>
                     </div>
 
                     <div class="form-group">
                         <label for="location_dropdown">Place to ship to</label><br/>
-                        <select class="form-control" name="location_dropdown" id="dropdown" onchange="forceUpdateLocationMetadata()" style="width:65%; max-height: 80%; text-align: center; vertical-align: center; align-items: center; display: block; position: relative; margin: 5% auto; text-align-last:center;">
+                        <select class="form-control" name="location_dropdown" id="dropdown" onchange="forceUpdateLocationMetadata()" style="width:65%; max-height: 80%; text-align: center; vertical-align: center; align-items: center; display: block; position: relative; margin: 0% auto; text-align-last:center; padding:">
                         </select>
                     </div>
-                    <div class="form-group row" style="display: block; align-items: center;margin: 5% auto;">
+                    <div class="form-group-row">
+                        <label for="">Location Name</label>
+                        <input type="text" onkeyup="forceDropdownCustomLocation" class="form-control" name="locname" style="width: 50%" placeholder="Give your location a name!" required/>
+                    </div>
+                    <div class="form-group row" style="display: block; align-items: center;margin: 3% auto;">
                         <div class="col-md-6" style="width:50%">
                             <div class="form-group row">
                                 <label for="address">Street Address</label>                        
@@ -159,13 +163,13 @@ for(Cookie c : cookies)
                           </div>
                           <div class="form-group row">
                             <label for="zip">Zip</label>                            
-                            <input type="text" onkeyup="forceDropdownCustomLocation" class="form-control" name="zip" placeholder="Zip Code" required/>
+                            <input type="number" onkeyup="forceDropdownCustomLocation" class="form-control" name="zip" placeholder="Zip Code" style="margin: 0 auto; width:60%" required/>
                         </div>
                     </div>
                 </div>
                 <div class="form-group row">
-                    <label for="timeNeeded">How long you think you'll need it?</label><br/>
-                    <input type="date" class="form-control" name="timeNeeded" style="40%" required/>
+                    <label for="timeNeeded">When will you be able to return it?</label><br/>
+                    <input type="date" class="form-control" name="timeNeeded" style="width:20%; margin:0% auto" required/>
                 </div>
                 <button type="submit" class="btn btn-primary" name="Submit">Submit</button>
             </form>