Update title style

nummi/main/static/main/css/main.css

@@ -173,6 +173,30 @@ a.big-link {
   font-weight: normal;
 }
 
+h1,
+h2,
+h3 {
+  font-weight: 300;
+}
+h1 {
+  font-size: 3rem;
+  line-height: 1cap;
+}
+h2 {
+  font-size: 2rem;
+}
+h3 {
+  font-size: 1.5rem;
+}
+h4 {
+  font-size: 1.25rem;
+}
+h5 {
+  font-size: 1.125rem;
+}
+h6 {
+  font-size: 1rem;
+}
 main h1.new {
   opacity: 0.8;
 }

nummi/main/templates/main/form/account.html

@@ -4,19 +4,19 @@
 {% block title_new %}
     {% translate "Create account" %}
 {% endblock %}
-{% block h1_new %}
+{% block h2_new %}
     {% translate "New account" %}
 {% endblock %}
-{% block h1 %}{{ form.instance.icon|remix }}{{ form.instance }}{% endblock %}
+{% block h2 %}{{ form.instance.icon|remix }}{{ form.instance }}{% endblock %}
 {% block tables %}
     {% if not form.instance.adding %}
-        <h2>{% translate "Statements" %}</h2>
+        <h3>{% translate "Statements" %}</h3>
         {% include "main/table/snapshot.html" %}
     {% endif %}
     {% if transactions %}
-        <h2>{% translate "Transactions" %}</h2>
+        <h3>{% translate "Transactions" %}</h3>
         {% include "main/table/transaction.html" %}
-        <h2>{% translate "History" %}</h2>
+        <h3>{% translate "History" %}</h3>
         {% include "main/plot/history.html" %}
     {% endif %}
 {% endblock %}

nummi/main/templates/main/form/base.html

@@ -25,13 +25,13 @@
 {% block body %}
     {% with instance=form.instance %}
         {% if instance.adding %}
-            <h1 class="new">
-                {% block h1_new %}{% endblock %}
-            </h1>
+            <h2 class="new">
+                {% block h2_new %}{% endblock %}
+            </h2>
         {% else %}
-            <h1>
-                {% block h1 %}{{ instance }}{% endblock %}
-            </h1>
+            <h2>
+                {% block h2 %}{{ instance }}{% endblock %}
+            </h2>
         {% endif %}
         {% block pre %}{% endblock %}
         <form method="post">

nummi/main/templates/main/form/category.html

@@ -4,15 +4,15 @@
 {% block title_new %}
     {% translate "Create category" %}
 {% endblock %}
-{% block h1_new %}
+{% block h2_new %}
     {% translate "New category" %}
 {% endblock %}
-{% block h1 %}{{ form.instance.icon|remix }}{{ form.instance }}{% endblock %}
+{% block h2 %}{{ form.instance.icon|remix }}{{ form.instance }}{% endblock %}
 {% block tables %}
     {% if form.instance.transactions %}
-        <h2>{% translate "Transactions" %}</h2>
+        <h3>{% translate "Transactions" %}</h3>
         {% include "main/table/transaction.html" %}
-        <h2>{% translate "History" %}</h2>
+        <h3>{% translate "History" %}</h3>
         {% include "main/plot/history.html" %}
     {% endif %}
 {% endblock %}

nummi/main/templates/main/form/invoice.html

@@ -3,6 +3,6 @@
 {% block title_new %}
     {% translate "Create invoice" %}
 {% endblock %}
-{% block h1_new %}
+{% block h2_new %}
     {% translate "New invoice" %}
 {% endblock %}

nummi/main/templates/main/form/snapshot.html

@@ -4,10 +4,10 @@
 {% block title_new %}
     {% translate "Create snapshot" %}
 {% endblock %}
-{% block h1_new %}
+{% block h2_new %}
     {% translate "New snapshot" %}
 {% endblock %}
-{% block h1 %}
+{% block h2 %}
     {{ form.instance.sum|check:form.instance.diff }}
     {{ form.instance }}
 {% endblock %}
@@ -20,11 +20,11 @@
 {% endblock %}
 {% block tables %}
     {% if categories %}
-        <h2>{% translate "Categories" %}</h2>
+        <h3>{% translate "Categories" %}</h3>
         {% include "main/plot/category.html" %}
     {% endif %}
     {% if not form.instance.adding %}
-        <h2>{% translate "Transactions" %} ({{ form.instance.sum|pmvalue }} / {{ form.instance.diff|pmvalue }})</h2>
+        <h3>{% translate "Transactions" %} ({{ form.instance.sum|pmvalue }} / {{ form.instance.diff|pmvalue }})</h3>
         {% include "main/table/transaction.html" %}
     {% endif %}
 {% endblock %}

nummi/main/templates/main/form/transaction.html

@@ -3,7 +3,7 @@
 {% block title_new %}
     {% translate "Create transaction" %}
 {% endblock %}
-{% block h1_new %}
+{% block h2_new %}
     {% translate "New transaction" %}
 {% endblock %}
 {% block pre %}
@@ -15,7 +15,7 @@
 {% endblock %}
 {% block tables %}
     {% if not form.instance.adding %}
-        <h2>{% translate "Invoices" %}</h2>
+        <h3>{% translate "Invoices" %}</h3>
         {% include "main/table/invoice.html" %}
     {% endif %}
 {% endblock %}

nummi/main/templates/main/list/snapshot.html

@@ -17,7 +17,7 @@
           type="text/css" />
 {% endblock %}
 {% block body %}
-    <h1>{% translate "Statements" %}</h1>
+    <h2>{% translate "Statements" %}</h2>
     {% if object %}<a href="{{ object.get_absolute_url }}">{{ object }}</a>{% endif %}
     {% if snapshots %}
         {% include "main/list/pagination.html" %}

nummi/main/templates/main/list/transaction.html

@@ -20,7 +20,7 @@
           type="text/css" />
 {% endblock %}
 {% block body %}
-    <h1>{% translate "Transactions" %}</h1>
+    <h2>{% translate "Transactions" %}</h2>
     {% if object %}<a href="{{ object.get_absolute_url }}">{{ object }}</a>{% endif %}
     {% if search %}
         <a href="{% url "search" %}">{% translate "Search" %}</a>

nummi/main/templates/main/login.html

@@ -11,7 +11,7 @@
           type="text/css" />
 {% endblock %}
 {% block body %}
-    <h1>{% translate "Log In" %}</h1>
+    <h2>{% translate "Log In" %}</h2>
     <form action="{% url 'login' %}" method="post">
         {% csrf_token %}
         {% include "main/form/login.html" %}

nummi/main/templates/main/search.html

@@ -15,7 +15,7 @@
           type="text/css" />
 {% endblock %}
 {% block body %}
-    <h1>{% translate "Search" %}</h1>
+    <h2>{% translate "Search" %}</h2>
     {% spaceless %}
         <form id="search" method="post">
             {% csrf_token %}