fix #4962 Move login page notice to own box

Author: joemull

src/static/admin/css/admin.css

@@ -967,7 +967,8 @@ ul.menu {
 
 .small-form {
   display: grid;
-  grid-template-columns: min(calc(100vw - (2 * var(--small-inline-margin))), 24rem);
+  column-gap: 2rem;
+  grid-template-columns: repeat(auto-fit, min(calc(100vw - (2 * var(--small-inline-margin))), 24rem));
   justify-content: center;
 }
 

src/templates/admin/core/accounts/login.html

@@ -14,6 +14,16 @@
   </div>
 {% endblock %}
 
+{% block aside %}
+  {% if journal_settings.general.display_login_page_notice %}
+    <div class="padding-block-1">
+      <div class="card padding-block-2 padding-inline-2">
+        {{ journal_settings.general.login_page_notice|safe }}
+      </div>
+    </div>
+  {% endif %}
+{% endblock aside %}
+
 {% block form_content %}
   {% include "admin/elements/forms/messages_in_callout.html" with form=form %}
   {% if settings.ENABLE_ORCID %}
@@ -35,9 +45,6 @@
       </a>
     </div>
   {% endif %}
-  {% if journal_settings.general.display_login_page_notice %}
-    {{ journal_settings.general.login_page_notice|safe }}
-  {% endif %}
   {% include "admin/elements/forms/field.html" with field=form.user_name %}
   {% include "admin/elements/forms/field.html" with field=form.user_pass %}
   {{ form.captcha }}

src/templates/admin/core/small_form.html

@@ -15,6 +15,8 @@
 
 {% block body %}
   <div class="small-form">
+    {% block aside %}
+    {% endblock aside %}
     <div class="padding-block-1">
       <form method="POST">
         {% csrf_token %}