Fix design for personal note filter views

aleksis/apps/alsijil/tables.py

@@ -6,9 +6,14 @@ from django_tables2.utils import A
 
 class PersonalNoteFilterTable(tables.Table):
     class Meta:
-        attrs = {"class": "table table-striped table-bordered table-hover table-responsive-xl"}
+        attrs = {"class": "highlight"}
 
     identifier = tables.Column()
     description = tables.Column()
     regex = tables.Column()
-    edit_filter = tables.LinkColumn("edit_personal_note_filter", args=[A("id")], text=_("Edit"))
+    edit_filter = tables.LinkColumn(
+        "edit_personal_note_filter",
+        args=[A("id")],
+        text=_("Edit"),
+        attrs={"a": {"class": "btn-flat waves-effect waves-orange"}},
+    )

aleksis/apps/alsijil/templates/alsijil/manage_personal_note_filter.html

@@ -7,9 +7,12 @@
 
 {% block content %}
   {% if personal_note_filter %}
-    <a href="{% url 'delete_personal_note_filter' personal_note_filter.id %}" class="waves-effect waves-dark btn red">
-      <i class="material-icons">delete</i>{% blocktrans %}Delete filter{% endblocktrans %}
-    </a>
+    <p>
+      <a href="{% url 'delete_personal_note_filter' personal_note_filter.id %}"
+         class="waves-effect waves-light btn red">
+        <i class="material-icons left">delete</i>{% blocktrans %}Delete filter{% endblocktrans %}
+      </a>
+    </p>
   {% endif %}
 
   <form method="post">

aleksis/apps/alsijil/templates/alsijil/personal_note_filters.html

@@ -4,12 +4,12 @@
 {% load i18n %}
 {% load render_table from django_tables2 %}
 
-{% block browser_title %}{% blocktrans %}List of all personal note filters{% endblocktrans %}{% endblock %}
-{% block page_title %}{% blocktrans %}List of all personal note filters{% endblocktrans %}{% endblock %}
+{% block browser_title %}{% blocktrans %}All personal note filters{% endblocktrans %}{% endblock %}
+{% block page_title %}{% blocktrans %}Personal note filters{% endblocktrans %}{% endblock %}
 
 {% block content %}
-  <a href="{% url 'create_personal_note_filter' %}" class="waves-effect waves-dark green btn">
-    <i class="material-icons">add</i>{% blocktrans %}Add filter{% endblocktrans %}
+  <a href="{% url 'create_personal_note_filter' %}" class="waves-effect waves-light green btn">
+    <i class="material-icons left">add</i>{% blocktrans %}Add filter{% endblocktrans %}
   </a>
 
   {% render_table personal_note_filters_table %}