Updated reset button positioning and styling

Updated reset button positioning to use correct styling to work across all browsers.
This commit is contained in:
2018-10-22 13:14:41 -04:00
parent 765e2a4f1c
commit 2cac3cf0f2
3 changed files with 27 additions and 8 deletions

View File

@@ -114,6 +114,7 @@ p.subheading {
font-weight: 500;
line-height: 28px;
letter-spacing: .015px;
display: none;
}
.b-platevisual__weight{
@@ -154,6 +155,11 @@ p.subheading {
vertical-align: middle;
}
.b-platevisual__weightdifference{
display: none;
}
.b-calulatorinputs {
height: 40vh;
width: auto;
@@ -245,6 +251,11 @@ label {
line-height: 14px;
}
.b-calulatorinputs__weightinputcontainer{
position: relative;
display: inline-block;
}
.input-weight {
height: 33px;
width: 196px;
@@ -292,8 +303,10 @@ input.input-calculate:focus{
.b-infoentry__reset{
position: absolute;
top: 0px;
transform: translate(-132%, 132%);
top: 50%;
left: 50%;
transform: translate(50%, -32%);
-webkit-transform: translate(50%, -32%);
color: #808285;
font-family: "Zilla Slab";
font-size: 14px;
@@ -301,6 +314,9 @@ input.input-calculate:focus{
font-weight: 500;
letter-spacing: 0.75px;
display: none;
background:none;
border:none;
margin:0;
}