Improve login form layout

This commit is contained in:
Midgard 2020-03-31 11:30:35 +02:00
parent 1fcb86cf06
commit 77b1d465a3
Signed by: midgard
GPG key ID: 511C112F1331BBB4
2 changed files with 15 additions and 19 deletions

View file

@ -182,18 +182,20 @@ ul#server_selection_list {
display: none;
text-align: center;
}
#login h2 {
margin-bottom: 0.3em;
}
#login:target {
display: block;
}
#login table {
margin: 0 auto 1em;
#login input {
width: 100%;
}
#login table th {
font-weight: normal;
text-align: right;
#login_server {
margin-bottom: 1em;
}
#login_server_row td, #login_server_row th {
padding-bottom: 1em;
.login-form {
margin-bottom: 0.5em;
}
.post {

View file

@ -27,18 +27,12 @@
<div id="login">
<h2>Add a server</h2>
<table>
<tr id="login_server_row">
<th>Server</th>
<td><input type="text" id="login_server" value="http://localhost:8080" required/></td>
</tr><tr>
<th>Email or username</th>
<td><input type="text" id="login_login_id" required/></td>
</tr><tr>
<th>Password</th>
<td><input type="password" id="login_password" required/></td>
</tr>
</table>
<div class="login-form">
<input type="text" id="login_server" placeholder="Server URL" value="http://localhost:8080" required/>
<input type="text" id="login_login_id" placeholder="Username or email" required/>
<input type="password" id="login_password" placeholder="Password" required/>
</div>
<button id="login_button">Log in</button>
<a href="#"><button id="server_selection_add">Cancel</button></a>