fix(Index): Adjust contact icons to hierarchy

podcastless · Jul 27, 2020 · d526f41 · d526f41
1 parent bb33def
commit d526f41
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/pages/index.vue b/pages/index.vue
@@ -9,7 +9,7 @@
             <a target="_blank" href="https://podcasts.apple.com/co/podcast/podcastless/id1517750043"><fa :icon="['fab', 'itunes-note']" /></a>
         </nav>
         <h2 class="contact">contact us</h2>
-        <nav>
+        <nav class="contact">
             <a target="_blank" href="https://facebook.com/podcastless"><fa :icon="['fab', 'facebook']" /></a>
             <a target="_blank" href="https://instagram.com/podcastless"><fa :icon="['fab', 'instagram']" /></a>
             <a target="_blank" href="https://twitter.com/podcastless"><fa :icon="['fab', 'twitter']" /></a>
@@ -74,6 +74,10 @@ nav a {
     text-decoration: none;
 }
 
+nav.contact a {
+    font-size: 1.25em;
+}
+
 nav a:not(:last-child) {
     margin-inline-end: 0.3em;
 }