Set repo div widths explicitly

This commit is contained in:
George Lacey 2021-05-10 15:04:22 +01:00
parent 2181ff9c33
commit 946f24ad41

View File

@ -16,20 +16,22 @@
{{ 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 {*/ body {
/* align-content: center;*/ align: center;
/*}*/ }
</style> </style>
</head> </head>
<body> <body>
{% if repo_list %} {% if repo_list %}
<div class="container align-content-center flex-wrap"> <div class="container mx-auto d-flex justify-content-center flex-wrap overflow-hidden">
{% for repo in repo_list %} {% for repo in repo_list %}
<div class="mx-4 rounded bg-primary <div style="width: 500px;" class="rounded bg-primary
{% if not repo.archive_after_latest_error %}bg-danger{% endif %}"> {% if not repo.archive_after_latest_error %}bg-danger{% endif %}">
<h2 class="py-1 e">{{ repo.label }} <div class="row me-1 overflow-hidden text-truncate">
<small class="text-muted text-truncate"> {{ repo.location }}</small> <h2>{{ repo.label }}
<small class="text-muted"> {{ repo.location }}</small>
</h2> </h2>
</div>
<dl class="row px-3 overflow-hidden"> <dl class="row px-3 overflow-hidden">
<dt class="col-3">Latest backup:</dt> <dt class="col-3">Latest backup:</dt>
<dd class="col-9">{{ repo.last_backup }}</dd> <dd class="col-9">{{ repo.last_backup }}</dd>
@ -55,7 +57,7 @@
</dl> </dl>
</div> </div>
{% endfor %} {% endfor %}
<div class="row mx-4 rounded bg-primary overflow-visible"> <div style="width: 500px;" class="rounded bg-primary">
<canvas id="backup_csize_hourly" width="400" height="200"></canvas> <canvas id="backup_csize_hourly" width="400" height="200"></canvas>
</div> </div>
{% else %} {% else %}