From 1e27b64af43b18fc89210b2b0f23d4af0ed86410 Mon Sep 17 00:00:00 2001 From: Mouse Reeve <mousereeve@riseup.net> Date: Wed, 29 Dec 2021 10:39:47 -0800 Subject: [PATCH] Valid dl html syntax on announcement page --- .../settings/announcements/announcement.html | 38 ++++++++----------- 1 file changed, 16 insertions(+), 22 deletions(-) diff --git a/bookwyrm/templates/settings/announcements/announcement.html b/bookwyrm/templates/settings/announcements/announcement.html index 37dba06f..8b49f4f4 100644 --- a/bookwyrm/templates/settings/announcements/announcement.html +++ b/bookwyrm/templates/settings/announcements/announcement.html @@ -31,35 +31,29 @@ <div class="block content"> <dl> - <div class="is-flex notification pt-1 pb-1 mb-0 {% if announcement in active_announcements %}is-success{% else %}is-danger{% endif %}"> - <dt class="mr-1 has-text-weight-bold">{% trans "Visible:" %}</dt> - <dd> - {% if announcement in active_announcements %} - {% trans "True" %} - {% else %} - {% trans "False" %} - {% endif %} - </dd> - </div> + <dt class="is-pulled-left mr-5 has-text-weight-bold">{% trans "Visible:" %}</dt> + <dd> + <span class="tag {% if announcement in active_announcements %}is-success{% else %}is-danger{% endif %}"> + {% if announcement in active_announcements %} + {% trans "True" %} + {% else %} + {% trans "False" %} + {% endif %} + </span> + </dd> {% if announcement.start_date %} - <div class="is-flex notificationi pt-1 pb-1 mb-0 has-background-white"> - <dt class="mr-1 has-text-weight-bold">{% trans "Start date:" %}</dt> - <dd>{{ announcement.start_date|naturalday }}</dd> - </div> + <dt class="is-pulled-left mr-5 has-text-weight-bold">{% trans "Start date:" %}</dt> + <dd>{{ announcement.start_date|naturalday }}</dd> {% endif %} {% if announcement.end_date %} - <div class="is-flex notification pt-1 pb-1 mb-0 has-background-white"> - <dt class="mr-1 has-text-weight-bold">{% trans "End date:" %}</dt> - <dd>{{ announcement.end_date|naturalday }}</dd> - </div> + <dt class="is-pulled-left mr-5 has-text-weight-bold">{% trans "End date:" %}</dt> + <dd>{{ announcement.end_date|naturalday }}</dd> {% endif %} - <div class="is-flex notification pt-1 pb-1 has-background-white"> - <dt class="mr-1 has-text-weight-bold">{% trans "Active:" %}</dt> - <dd>{{ announcement.active }}</dd> - </div> + <dt class="is-pulled-left mr-5 has-text-weight-bold">{% trans "Active:" %}</dt> + <dd>{{ announcement.active }}</dd> </dl> <hr aria-hidden="true">