static: fix icon baseline on headers

passbook/admin/templates/administration/outpost/list.html

@@ -9,7 +9,7 @@
 <section class="pf-c-page__main-section pf-m-light">
     <div class="pf-c-content">
         <h1>
-            <i class="fas fa-map-marker"></i>
+            <i class="pf-icon pf-icon-zone"></i>
             {% trans 'Outposts' %}
         </h1>
         <p>{% trans "Outposts are deployments of passbook components to support different environments and protocols, like reverse proxies." %}</p>

passbook/admin/templates/administration/token/list.html

@@ -7,7 +7,7 @@
 <section class="pf-c-page__main-section pf-m-light">
     <div class="pf-c-content">
         <h1>
-            <i class="fas fa-key"></i>
+            <i class="pf-icon pf-icon-security"></i>
             {% trans 'Tokens' %}
         </h1>
         <p>{% trans "Tokens are used throughout passbook for Email validation stages, Recovery keys and API access." %}</p>

passbook/static/static/passbook/passbook.css

@@ -14,25 +14,6 @@ html {
     --pf-c-nav__link--PaddingLeft: 0.5rem;
 }
 
-.pb-brand {
-    font-family: "DIN 1451 Std";
-    font-size: 4em;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    margin-right: 0.5em;
-    color: var(--pf-global--Color--light-200);
-}
-
-.pb-brand > a:hover {
-    text-decoration: none;
-}
-
-.pb-brand > img {
-    max-height: 68px;
-    margin-right: 0.5em;
-}
-
 .pf-c-background-image::before {
     background-image: url("./flow_background.jpg");
     background-position: center;
@@ -296,3 +277,14 @@ input[data-is-monospace] {
     font-size: var(--pf-global--icon--FontSize--lg);
     text-align: center;
 }
+
+.pf-c-content h1 {
+    display: flex;
+    align-items: flex-start;
+}
+.pf-c-content h1 i {
+    font-style: normal;
+}
+.pf-c-content h1 :first-child {
+    margin-right: var(--pf-global--spacer--sm);
+}