/*ImiÄ™ i Nazwisko*/ /*Layer 4*/ .imieBox { position: relative; /*flex-wrap: nowrap;*/ height: 10%; margin-bottom: 4%; text-align: left; } /*Layer 5*/ .nameForm { width: 50%; margin: 0; padding-top: 1%; padding-bottom: 1%; padding-left: 2%; float: right; text-align: left; } .surnameForm { width: 50%; margin: 0; padding-top: 1%; padding-bottom: 1%; padding-left: 2%; float: right; text-align: left; } /*Login*/ /*Layer 4*/ .loginBox { width: 100%; height: 10%; position: relative; } /*Layer 5*/ .personImg { position: absolute; top: 40%; transform: translateY(-50%); /*float: left;*/ /*left: 1%*/ } .loginForm { padding-top: 1%; padding-bottom: 1%; margin: 0; width: 100%; float: right; text-align: left; padding-left: 7%; } /*Email*/ /*Layer 4*/ .emailBox { width: 100%; height: 10%; position: relative; } /*Layer 5*/ .emailImg { position: absolute; top: 40%; transform: translateY(-50%); /*float: left;*/ /*left: 1%;*/ } .emailForm { padding-top: 1%; padding-bottom: 1%; margin: 0; width: 100%; float: right; text-align: left; padding-left: 7%; } /*Phone*/ /*Layer 4*/ .phoneBox { width: 100%; height: 10%; position: relative; } /*Layer 5*/ .phoneImg { position: absolute; top: 40%; transform: translateY(-50%); /*left: 1%*/ /*float: left;*/ } .phoneForm { padding-top: 1%; padding-bottom: 1%; margin: 0; width: 100%; float: right; text-align: left; padding-left: 7%; } /*Password*/ /*Layer 4*/ .passBox { width: 100%; height: 10%; flex-wrap: nowrap; position: relative; } /*Layer 5*/ .passImg { position: absolute; top: 40%; transform: translateY(-50%); float: left; left: 0; } .passForm { /*Align*/ padding-top: 1%; padding-bottom: 1%; margin: 0; width: 100%; float: left; text-align: left; padding-left: 7%; } .eye { position: absolute; right: 3%; top: 15%; }