Use vue helper classes instead of custom css

aleksis/core/static/public/vue_style.scss

@@ -2,24 +2,7 @@
 // HEADINGS //
 //////////////
 
-h1 {
-  font-weight: 300;
-  font-style: normal;
-  font-size: 3.6rem;
-  line-height: 110%;
-  margin: 1.4rem 0 1.68rem 0;
-}
-
-h2 {
-  font-weight: 300;
-  font-size: 3.0rem;
-}
-
 p, h1, h2, h3, h4, h5, h6, .card-title {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-
-a.v-toolbar__title {
-  text-decoration: none;
-}

aleksis/core/templates/core/vue_base.html

@@ -95,7 +95,7 @@
     <v-app-bar app color="primary white--text">
       <v-app-bar-nav-icon @click="drawer = !drawer" color="white"></v-app-bar-nav-icon>
 
-      <v-toolbar-title tag="a" class="white--text" href="{% url "index" %}">
+      <v-toolbar-title tag="a" class="white--text text-decoration-none" href="{% url "index" %}">
         {{ request.site.preferences.general__title }}
       </v-toolbar-title>
 
@@ -151,7 +151,7 @@
       {% endif %}
     </v-app-bar>
     <v-main>
-      <v-container fluid>
+      <v-container>
         {% include 'core/partials/vue_no_person.html' %}
 
         {% if messages %}
@@ -162,7 +162,7 @@
           {% endfor %}
         {% endif %}
         {% block no_page_title %}
-          <h1>{% block page_title %}{% endblock %}</h1>
+          <h1 class="text-h2">{% block page_title %}{% endblock %}</h1>
         {% endblock %}
         {% block content %}{% endblock %}
       </v-container>