Remove unnecessary tags

This commit is contained in:
George Lacey 2021-05-10 16:10:00 +01:00
parent 9270efeadf
commit 66c113fb8b
2 changed files with 32 additions and 35 deletions

View File

@ -1,9 +0,0 @@
div {
padding: 8px;
margin: 8px;
}
dl {
margin: 4px;
font-size: 16px;
}

View File

@ -16,33 +16,39 @@
{{ hour_list|json_script:"hour_list" }} {{ hour_list|json_script:"hour_list" }}
<script src="{% static 'js/index.js' %}"></script> <script src="{% static 'js/index.js' %}"></script>
<style> <style>
body { div {
align: center; padding: 8px;
margin: 4px;
}
dl {
margin-top: 4px;
margin-bottom: 4px;
} }
</style> </style>
</head> </head>
<body> <body>
{% if repo_list %} {% if repo_list %}
<div class="container mx-auto d-flex justify-content-center flex-wrap overflow-hidden"> <div class="grid mx-auto d-flex justify-content-center flex-wrap">
{% for repo in repo_list %} {% for repo in repo_list %}
<div style="width: 500px;" class="shadow rounded bg-primary overflow-hidden <div style="width: 600px;" class="shadow rounded bg-primary overflow-hidden
{% if not repo.archive_after_latest_error %}bg-danger{% endif %}"> {% if not repo.archive_after_latest_error %}bg-danger{% endif %}">
<div class="row me-1 overflow-hidden text-truncate"> <div class="row me-1 overflow-hidden text-truncate">
<h2>{{ repo.label }} <h2 class="h2">{{ repo.label }}
<small class="text-muted"> {{ repo.location }}</small> <small class="text-muted"> {{ repo.location }}</small>
</h2> </h2>
</div> </div>
<dl class="row ps-3 overflow-hidden"> <dl class="row ps-3">
<dt class="col-3">Latest backup:</dt> <dt class="col-4">Latest backup:</dt>
<dd class="col-9">{{ repo.last_backup }}</dd> <dd class="col-8">{{ repo.last_backup }}</dd>
</dl> </dl>
<dl class="row ps-3 overflow-hidden" > <dl class="row ps-3">
<dt class="col-3">Hourly backups:</dt> <dt class="col-4">Hourly backups:</dt>
<dd class="col-9">{{ repo.hourly_archive_string }}</dd> <dd class="col-8 text-truncate">{{ repo.hourly_archive_string }}</dd>
</dl> </dl>
<dl class="row ps-3 overflow-hidden"> <dl class="row ps-3">
<dt class="col-3">Size:</dt> <dt class="col-4">Size:</dt>
<dd class="col-9">{{ repo.size_string }}</dd> <dd class="col-8">{{ repo.size_string }}</dd>
</dl> </dl>
{% if repo.recent_errors|length > 0 %} {% if repo.recent_errors|length > 0 %}
<dl class="row"> <dl class="row">
@ -51,18 +57,18 @@
{% endif %} {% endif %}
<dl class="row ps-3"> <dl class="row ps-3">
{% for error in repo.recent_errors %} {% for error in repo.recent_errors %}
<dt class="col-3">{{ error.time_ago }}</dt> <dt class="col-4">{{ error.time_ago }}</dt>
<dd class="col-9 text-truncate">{{ error.error }}</dd> <dd class="col-8 text-truncate">{{ error.error }}</dd>
{% endfor %} {% endfor %}
</dl> </dl>
</div> </div>
{% endfor %} {% endfor %}
<div style="width: 500px;" class="shadow rounded bg-primary overflow-hidden"> <div style="width: 600px;" class="shadow rounded bg-primary overflow-hidden">
<canvas id="backup_csize_hourly" width="400" height="200"></canvas> <canvas id="backup_csize_hourly" width="400" height="200"></canvas>
</div> </div>
{% else %} {% else %}
<p>No repos found.</p> <p>No repos found.</p>
{% endif %} {% endif %}
</div> </div>
</div> </div>
</body> </body>