diff --git a/.DS_Store b/.DS_Store index 22eaa18..8bb7735 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/css/appstyling-v2.css b/css/appstyling-v2.css index fd829d0..dbfda02 100644 --- a/css/appstyling-v2.css +++ b/css/appstyling-v2.css @@ -95,6 +95,7 @@ p.subheading { .b-platevisual__container{ width: 80%; + min-height: 88px; margin: 0; position: absolute; top: 50%; @@ -110,6 +111,10 @@ p.subheading { } +.b-platevisual__weightfinalcontainer{ + min-height: 28px +} + .b-platevisual__weightfinal{ color: #48484A; font-family: Roboto; @@ -160,6 +165,9 @@ p.subheading { vertical-align: middle; } +.b-platevisual__weightdifferencecontainer{ + min-height: 28px; +} .b-platevisual__weightdifference{ display: none; @@ -183,7 +191,31 @@ p.subheading { background-color: #8C8E90; border-bottom: 16px solid #FF6600; box-sizing: border-box; - padding-top: 2% + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.b-calulatorinputs__platerequirementscontainer{ + position: relative; + top: 50%; + transform: translateY(-50%); +} + +.b-calulatorinputs__inputcontainer--weight{ + position: relative; + top: 45%; + transform: translateY(-50%); + width: 100%; + color: #FCFCFC; + font-family: Roboto; + font-size: 10px; + font-weight: 500; + line-height: 14px; + letter-spacing: 1.5px; + height: auto; + overflow: visible; + text-align: center; } .b-calulatorinputs__inputcontainer{ @@ -197,7 +229,8 @@ p.subheading { height: auto; overflow: visible; text-align: center; - padding-top: 2% + padding-top: 4px; + } diff --git "a/images/black-weights/Icon\r" "b/images/black-weights/Icon\r" new file mode 100644 index 0000000..e69de29 diff --git a/index.html b/index.html index c28a564..730dbaf 100644 --- a/index.html +++ b/index.html @@ -41,7 +41,9 @@
0 LBS
+0 LBS
+Offset: 0 LBS
+Offset: 0 LBS
+Plates Needed on Each Side