login-page: Make the buttons and labels cleaner.

Changes -
a) Updated the border-radius to 4px for all the buttons.
b) Increased the margins between the labels and inputs.

These changes affect the login and register page's styling.
This commit is contained in:
Akash Nimare 2018-09-24 18:31:51 +05:30 committed by Tim Abbott
parent 3e72db8c62
commit f00cd549cd
1 changed files with 7 additions and 6 deletions

View File

@ -339,9 +339,9 @@ html {
width: 280px;
border: 2px solid hsl(0, 0%, 86%);
border: 1px solid hsl(0, 0%, 86%);
box-shadow: none;
border-radius: 0px;
border-radius: 4px;
transition: border 0.3s ease;
}
@ -352,10 +352,10 @@ html {
.new-style .input-box label {
position: absolute;
top: 0px;
left: 0%;
top: 0;
left: 0;
margin-top: 5px;
margin-top: 1px;
transition: all 0.3s ease;
}
@ -381,7 +381,7 @@ html {
.new-style .input-box input[type=text]:focus,
.new-style .input-box input[type=email]:focus,
.new-style .input-box input[type=password]:focus {
border: 2px solid hsl(0, 0%, 53%);
border: 1px solid hsl(0, 0%, 53%);
}
.new-style .input-box label,
@ -446,6 +446,7 @@ html {
background-color: hsl(213, 23%, 25%);
border: none;
border-radius: 4px;
transition: all 0.3s ease;
}