Made site a bit more mobile friendly

This commit is contained in:
Ajdin Trejic
2021-12-18 23:30:40 +01:00
parent 65d4bb8415
commit 7a438d9c46
3 changed files with 18 additions and 9 deletions
+11 -5
View File
@@ -202,12 +202,12 @@ body {
margin: 0;
padding: 0;
}
#profile-login-form {
width: 400px;
#profile-login-form, #email-form {
max-width: 400px;
margin: 30px auto;
font-size: 18px;
}
#profile-login-form .form-control {
#profile-login-form .form-control, #email-form .form-control {
display: block;
width: 100%;
box-sizing: border-box;
@@ -220,7 +220,7 @@ body {
border: 1px solid #ccc;
border-radius: 4px;
}
#profile-login-form .btn {
#profile-login-form .btn, #email-form .btn {
display: block;
width: 100%;
padding: 5px;
@@ -274,4 +274,10 @@ body {
cursor: pointer;
text-decoration: underline;
color: #009;
}
}
@media only screen and (max-width: 720px) {
#controls, #wrap, #profilewrap, #wordwrap, #aboutwrap, #statswrap {
margin: 10px 20px 0 20px;
}
}
+1
View File
@@ -4,6 +4,7 @@
<head>
<!-- meta info -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>arxiv-sanity</title>
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.css') }}">
+6 -4
View File
@@ -22,9 +22,11 @@
To stop the recommendations simply delete your email address.
</div>
<div>
<form action="{{ url_for('register_email') }}" method="post">
<input type="text" name="email" placeholder="Email address" value="{{ email }}">
<input type="submit" value="Set">
<form id="email-form" action="{{ url_for('register_email') }}" method="post">
<div class="form-group">
<input type="text" class="form-control" name="email" placeholder="Email address" value="{{ email }}">
</div>
<input type="submit" class="btn" value="Set">
</form>
</div>
</div>
@@ -53,7 +55,7 @@
<label>Username:</label>
<input class="form-control" type="text" name="username">
</div>
<button type="submit" class="btn btn-primary">Log in</button>
<button type="submit" class="btn">Log in</button>
</form>
</div>
{% endif %}