From c1a2fcbc2137be6cbf0a7f1c57a96eccb3c7dbeb Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Sat, 30 Jan 2021 19:46:45 -0600
Subject: [PATCH] Add beta pill

---
 pages/apple-silicon-compatibility.vue | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/pages/apple-silicon-compatibility.vue b/pages/apple-silicon-compatibility.vue
index 90987cc..64867f9 100644
--- a/pages/apple-silicon-compatibility.vue
+++ b/pages/apple-silicon-compatibility.vue
@@ -1,11 +1,20 @@
 <template>
     <section class="container py-24">
         <div class="flex flex-col items-center space-y-24">
-            <header>
+            <header class="flex flex-col items-center space-y-6 md:px-12">
+
+                <div class="title-container relative">
+                    <h1 class="title text-3xl md:text-5xl font-hairline leading-tight text-center">
+                        Apple Silicon Compatibility
+                    </h1>
+                    <div
+                        class="beta-pill absolute h-5 text-xs bg-white-2 flex justify-center items-center outline-0 rounded-full ease px-2"
+                        style="top: -1em; right: 0;"
+                    >
+                        Beta
+                    </div>
+                </div>
 
-                <h1 class="title text-3xl md:text-5xl font-hairline leading-tight text-center">
-                    Apple Silicon Compatibility
-                </h1>
                 <h2 class="subtitle md:text-xl text-center">
                     Check for Apple Silicon compatibility for any app instantly before you buy an M1 Mac.
                 </h2>