Replace h4 inside personal note filter modal with a figcaption

(cherry picked from commit 7f081188)

aleksis/apps/alsijil/static/css/alsijil/person.css

@@ -93,3 +93,9 @@ td.material-icons {
 .overflow-x-scroll {
     overflow-x: scroll;
 }
+
+figure.modal-content figcaption {
+    font-weight: 300;
+    font-size: 2.28rem;
+    line-height: 110%;
+}

aleksis/apps/alsijil/templates/alsijil/class_register/person.html

@@ -64,10 +64,10 @@
     <div class="col s12" id="overview">
       <h5>{% trans "Relevant personal notes" %}</h5>
       <form class="modal" id="filter-modal">
-        <div class="modal-content">
-          <h4>{% trans "Filter personal notes" %}</h4>
+        <figure class="modal-content">
+          <figcaption>{% trans "Filter personal notes" %}</figcaption>
           {% form form=personal_note_filter_form %}{% endform %}
-        </div>
+        </figure>
         <div class="modal-footer">
           <button type="button" class="btn-flat secondary-color-text waves-effect waves-ripple" id="remove-filters">
             <i class="material-icons left">clear</i>{% trans "Clear all filters" %}