No more using <br> tags for visual space. Lets do things properly

This commit is contained in:
ClaraCrazy 2025-12-13 07:51:43 +01:00
parent b348fcca93
commit 0eda44ea1c
No known key found for this signature in database
GPG key ID: EBBC896ACB497011
5 changed files with 25 additions and 26 deletions

View file

@ -69,6 +69,15 @@ text-muted {
margin-top: -2rem margin-top: -2rem
} }
.action-links {
float: right;
text-align: end;
}
.action-links a {
display: block;
}
/* Reset apple form styles */ /* Reset apple form styles */
@ -98,6 +107,10 @@ select:hover {
text-align: center; text-align: center;
} }
#login h4 {
margin-bottom: 6rem;
}
#login fieldset { #login fieldset {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

View file

@ -1,12 +1,9 @@
{% extends 'layout.twig' %} {% extends 'layout.twig' %}
{% block body %} {% block body %}
<div style="float: right; text-align: end;"> <div class="action-links">
<a href="/inbox/{{ address }}"> <a href="/inbox/{{ address }}">← Return to inbox</a>
← Return to inbox</a> <a href="/logout">Logout</a>
<br>
<a href="/logout">
Logout</a>
</div> </div>
<h1>{{message}}</h1> <h1>{{message}}</h1>
<h2>{{error.status}}</h2> <h2>{{error.status}}</h2>

View file

@ -7,11 +7,9 @@
}); });
</script> </script>
<div style="float: right; text-align: end;"> <div class="action-links">
<a href="/inbox/{{ address }}/delete-all"> <a href="/inbox/{{ address }}/delete-all">Wipe Inbox</a>
Wipe Inbox</a><br> <a href="/logout">Logout</a>
<a href="/logout">
Logout</a>
</div> </div>
<h1>{{ address }}</h1> <h1>{{ address }}</h1>
{% for mail in mailSummaries %} {% for mail in mailSummaries %}

View file

@ -2,14 +2,12 @@
{% block body %} {% block body %}
<div style="float: right; text-align: end;"> <div class="action-links">
<a href="/inbox/{{ example }}">Example Inbox</a> <a href="/inbox/{{ example }}">Example Inbox</a>
</div> </div>
<div id="login"> <div id="login">
<h1>Welcome!</h1> <h1>Welcome!</h1>
<h4>Here you can either create a new Inbox, or access your old one</h4> <h4>Here you can either create a new Inbox, or access your old one</h4>
<br>
<br>
{% if userInputError %} {% if userInputError %}
<blockquote class="warning"> <blockquote class="warning">

View file

@ -2,18 +2,11 @@
{% block body %} {% block body %}
<div style="float: right; text-align: end;"> <div class="action-links">
<a href="/inbox/{{ address }}"> <a href="/inbox/{{ address }}">← Return to inbox</a>
← Return to inbox</a> <a href="/inbox/{{ address }}/{{ uid }}/delete">Delete Email</a>
<br> <a href="/inbox/{{ address }}/{{ uid }}/raw" target="_blank">View Raw</a>
<a href="/inbox/{{ address }}/{{ uid }}/delete"> <a href="/logout">Logout</a>
Delete Email</a>
<br>
<a href="/inbox/{{ address }}/{{ uid }}/raw" target="_blank">
View Raw</a>
<br>
<a href="/logout">
Logout</a>
</div> </div>
<hr> <hr>
<div class="mail_body" style="padding-left:10%;"> <div class="mail_body" style="padding-left:10%;">