styling/error pages: add more space, make text bigger

liqd · Oct 4, 2019 · 40f2ab5 · 40f2ab5
1 parent 0cd6918
commit 40f2ab5
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 9 deletions.
diff --git a/liqd_product/assets/scss/_utility.scss b/liqd_product/assets/scss/_utility.scss
@@ -147,3 +147,7 @@
 .u-no-underline {
     text-decoration: none;
 }
+
+.u-font-size-lg {
+    font-size: $font-size-lg;
+}
diff --git a/liqd_product/templates/403.html b/liqd_product/templates/403.html
@@ -4,5 +4,5 @@
 {% block error_status %}403{% endblock %}
 
 {% block error_description %}
-    <p>{% trans 'You are not allowed to access this page.' %}</p>
-{% endblock %}
+    {% trans 'You are not allowed to access this page.' %}
+{% endblock %}
diff --git a/liqd_product/templates/404.html b/liqd_product/templates/404.html
@@ -4,5 +4,5 @@
 {% block error_status %}404{% endblock %}
 
 {% block error_description %}
-    <p>{% trans 'This page could not be found.' %}</p>
+    {% trans 'This page could not be found.' %}
 {% endblock %}
diff --git a/liqd_product/templates/500.html b/liqd_product/templates/500.html
@@ -11,17 +11,17 @@
         <a href="#main" class="sr-only sr-only-focusable">Skip to content </a>
         <header class="main-header" aria-label="Header">
             <div class="u-page-ribbon u-page-ribbon--platform"></div>
-            <div class="l-wrapper">
-                <div class="platform-brand main-header__brand">
+            <div class="container">
+                <div class="navbar-brand main-header__brand">
                     <a href="/" class="platform-brand__link">adhocracy+</a>
                 </div>
             </div>
         </header>
         <main id="main">
-            <div class="l-wrapper">
+            <div class="l-wrapper py-5">
                 <div class="l-center-6">
                     <h1>500</h1>
-                    <p>{% trans 'Internal server error.' %}</p>
+                    <p class="u-font-size-lg">{% trans 'Internal server error.' %}</p>
                     <a href="/">{% trans 'Back to adhocracy+' %}</a>
                 </div>
             </div>

diff --git a/liqd_product/templates/base_errors.html b/liqd_product/templates/base_errors.html
@@ -4,10 +4,10 @@
 {% block title %}{% trans 'Error' %} &mdash; {{ block.super }}{% endblock %}
 
 {% block content %}
-<div class="l-wrapper">
+<div class="l-wrapper py-5">
     <div class="l-center-6">
         <h1>{% block error_status %}{% endblock %}</h1>
-        {% block error_description %}{% endblock %}
+        <p class="u-font-size-lg">{% block error_description %}{% endblock %}</p>
         <a href="/">{% trans 'Back to adhocracy+' %}</a>
     </div>
 </div>