Remove create links from navbar; Add a link to create categories in the category list on the homepage

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

@@ -69,10 +69,21 @@ a {
 
   &.big-link {
     margin-right: 1em;
+    padding: 0 0.5em;
+
+    color: white;
+    background: var(--green);
+    border-radius: var(--radius);
+    height: 1.5rem;
+    line-height: 1.5rem;
 
     [class^="ri-"] {
       margin-right: 0.5em;
     }
+    &.add {
+      color: var(--text-link);
+      background: var(--bg-01);
+    }
   }
 }
 

nummi/main/templates/main/base.html

@@ -45,26 +45,6 @@
                                     {% translate "Transactions" %}
                                 </a>
                             </li>
-                            <li>
-                                <a href="{% url "new_account" %}"
-                                   class="{% if request.resolver_match.url_name == "new_account" %}cur{% endif %}"
-                                   accesskey="a">{% translate "Create account" %}</a>
-                            </li>
-                            <li>
-                                <a href="{% url "new_statement" %}"
-                                   class="{% if request.resolver_match.url_name == "new_statement" %}cur{% endif %}"
-                                   accesskey="s">{% translate "Create statement" %}</a>
-                            </li>
-                            <li>
-                                <a href="{% url "new_category" %}"
-                                   class="{% if request.resolver_match.url_name == "new_category" %}cur{% endif %}"
-                                   accesskey="c">{% translate "Create category" %}</a>
-                            </li>
-                            <li>
-                                <a href="{% url "new_transaction" %}"
-                                   class="{% if request.resolver_match.url_name == "new_transaction" %}cur{% endif %}"
-                                   accesskey="t">{% translate "Create transaction" %}</a>
-                            </li>
                             <li>
                                 <a href="{% url "search" %}"
                                    class="{% if request.resolver_match.url_name == "search" %}cur{% endif %}"

nummi/main/templates/main/index.html

@@ -42,20 +42,17 @@
                 </tfoot>
             </table>
         </section>
-        {% if categories %}
+        <section class="categories">
-            <section class="categories">
+            <h2>{% translate "Categories" %}</h2>
-                <h2>{% translate "Categories" %}</h2>
+            {% spaceless %}
-                {% spaceless %}
+                <p>
-                    <p>
+                    {% for cat in categories %}
-                        {% for cat in categories %}
+                        <a class="big-link" href="{{ cat.get_absolute_url }}">{{ cat.icon|remix }}{{ cat }}</a>
-                            <a class="big-link" href="{{ cat.get_absolute_url }}">{{ cat.icon|remix }}{{ cat }}</a>
+                    {% endfor %}
-                        {% empty %}
+                    <a class="big-link add" href="{% url "new_category" %}">{{ "add"|remix }}{% translate "Create category" %}</a>
-                            {% translate "No category" %}
+                </p>
-                        {% endfor %}
+            {% endspaceless %}
-                    </p>
+        </section>
-                {% endspaceless %}
-            </section>
-        {% endif %}
     </div>
     {% if history %}
         <section>