From 32210e00b7cbb0286c21d5f51522ba40bb2b17f9 Mon Sep 17 00:00:00 2001
From: stevenhaskell <stevenwhaskell@gmail.com>
Date: Tue, 9 Oct 2018 13:06:38 -0400
Subject: [PATCH] Updates to Weight Inputs

Added styling to weight inputs and button to match invision protoype. Looks like removing the skeleton css breaks the layout. Will need to fix after all styling is completed.
---
 css/appstyling-v2.css        | 42 +++++++++++++++++++++++++++++++++++-
 css/main.css                 |  4 ++--
 whatareyouliftingapp-V5.html |  4 ++--
 3 files changed, 45 insertions(+), 5 deletions(-)

diff --git a/css/appstyling-v2.css b/css/appstyling-v2.css
index 03078a1..40773a0 100644
--- a/css/appstyling-v2.css
+++ b/css/appstyling-v2.css
@@ -165,13 +165,53 @@ input.input-weightsneeded{
 
 .b-calulatorinputs__inputcontainer{
 	text-align: center;
-
 }
 
 .b-calulatorinputs__infoentry label{
 	text-align: left;
 }
 
+label {
+	font-family: Roboto;
+	font-size: 10px;
+	font-weight: 300;
+	letter-spacing: 1.5px;
+	line-height: 14px;
+}
+
+.input-weight {
+	height: 33px;
+	width: 196px;
+	border-radius: 4px;
+	background-color: #D8D8D8;
+	color: #48484A;
+	font-family: "Zilla Slab";
+	font-size: 14px;
+	font-style: italic;
+	font-weight: 500;
+	letter-spacing: 0.75px;
+	line-height: 20px;
+	margin-right: 5px;
+}
+
+.input-calculate {
+	box-sizing: border-box;
+	height: 38px;
+	width: 88px;
+	border: 2px solid #FF6600;
+	border-radius: 4px;
+	background-color: #CCFF00;
+	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.23), 0 3px 6px 0 rgba(0,0,0,0.16);
+	color: #5A5A5C;
+	font-family: Roboto;
+	font-size: 14px;
+	font-weight: 500;
+	letter-spacing: 0.75px;
+	line-height: 20px;
+	text-align: center;
+}
+
+}
 
 /*
 .b-container {
diff --git a/css/main.css b/css/main.css
index 2df2f68..6e195c5 100644
--- a/css/main.css
+++ b/css/main.css
@@ -165,7 +165,7 @@ a:hover {
 
 /* Buttons
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
-.button,
+/*.button,
 button,
 input[type="submit"],
 input[type="reset"],
@@ -221,7 +221,7 @@ input[type="button"].button-primary:focus {
   color: #FFF;
   background-color: #1EAEDB;
   border-color: #1EAEDB; }
-
+*/
 
 /* Forms
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
diff --git a/whatareyouliftingapp-V5.html b/whatareyouliftingapp-V5.html
index 423e2b5..e41f9a0 100644
--- a/whatareyouliftingapp-V5.html
+++ b/whatareyouliftingapp-V5.html
@@ -80,8 +80,8 @@
                     <div class="b-calulatorinputs__inputcontainer">
                         <div class="b-calulatorinputs__input">
                         	<label for="Weight">WEIGHT</label>
-                        	<input type="text" class="b-infoentry__input input-element input-weight" name="Weight" placeholder="What are you lifting? ( LBS )" id="Weight">
-                        	<input type="button" class="b-infoentry__button submit-element input-calculate" name="Calculate" value="Lift" onclick="startcalc()">
+                        	<input type="text" class="b-infoentry__input input-element input-weight" name="Weight" placeholder="What are you lifting? (LBS)" id="Weight">
+                        	<input type="button" class="b-infoentry__button submit-element input-calculate" name="Calculate" value="LIFT" onclick="startcalc()">
                         </div>
                     	<a href="#options"><h2 class="b-infoentry__heading">Options</h2></a>
                     </div>