page title fixes

pages/_includes/layout/page-title.html

 {% if page.page-title or layout.page-title %}
+<!-- Page title -->
 <div class="page-title-box">
 
    <div class="row align-items-center">
       <div class="col">
+         {% if page.page-subtitle %}
+         <!-- Page pre-title -->
          <div class="page-pretitle">
             Overview
          </div>
+         {% endif %}
          <h2 class="page-title">
             {{ page.page-title | default: layout.page-title }}
          </h2>
       </div>
+
+      {% if page.page-title-actions %}
+      <!-- Page title actions -->
       <div class="col-auto">
          <span class="d-none d-sm-inline">
             {% include ui/button.html text="New view" color="secondary" icon="plus" %}
          </span>
          {% include ui/button.html text="Create new report" color="primary" class="ml-3" %}
       </div>
+      {% endif %}
    </div>
 </div>
 {% endif %}

pages/homepage.html

 ---
 title: Homepage
 page-title: Homepage
+page-subtitle: Overview
+page-title-actions: home
 ---
 
-
 <div class="row">
 	<div class="col-md-4">
-
-
 		{% include cards/project-summary.html %}
 		{% include cards/social-traffic.html %}
 

scss/layout/_navbar.scss

@@ -335,7 +335,6 @@ Folded navbar
   }
 
   .nav-icon {
-    font-size: px2rem(15px);
     opacity: 1;
     justify-content: center;
   }

scss/layout/_page.scss

 .page-title-box {
   min-height: 2.5rem;
   margin: .25rem 0 1.5rem;
+  display: flex;
+  align-items: center;
 }
 
 .page-pretitle {

scss/ui/_tables.scss

@@ -5,10 +5,7 @@
     th {
       border-width: $table-border-width;
       background: $min-black;
-      text-transform: uppercase;
-      font-weight: 600;
-      font-size: 11px;
-      letter-spacing: .03em;
+      @extend .subheader;
     }
   }