Implement client connect form defaults

This commit is contained in:
Ken-Håvard Lieng 2016-01-25 01:01:37 +01:00
parent a9031eb532
commit 2ccca3a778
9 changed files with 127 additions and 57 deletions

View file

@ -156,11 +156,11 @@ i[class^="icon-"]:before, i[class*=" icon-"]:before {
.connect {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
width: 100%;
bottom: 0;
overflow: auto;
}
.connect .navicon, .settings .navicon {
@ -169,6 +169,12 @@ i[class^="icon-"]:before, i[class*=" icon-"]:before {
left: 0;
}
.connect-form {
margin: auto 0;
padding-top: 20px;
width: 300px;
}
.connect-form h1 {
margin-bottom: 15px;
text-align: center;
@ -177,17 +183,19 @@ i[class^="icon-"]:before, i[class*=" icon-"]:before {
.connect-form input {
display: block;
margin: 5px 0px;
padding: 10px;
padding: 15px;
border: none;
}
.connect-form input[type="submit"],
.connect-form input[type="text"] {
width: 200px;
.connect-form input[type="text"],
.connect-form input[type="password"] {
width: 100%;
}
.connect-form input[type="submit"] {
height: 50px;
margin-bottom: 20px;
font-family: Montserrat, sans-serif;
background: #6BB758;
color: #FFF;
@ -569,4 +577,10 @@ i[class^="icon-"]:before, i[class*=" icon-"]:before {
.search {
right: 0;
}
.connect-form {
width: 100%;
margin: auto 50px;
max-width: 400px;
}
}