Merge pull request #23 from webrecorder/style-buttons-in-popups

style "finish" buttons in popups to look like real button

Author: emma-sg

src/archive-now.ts

@@ -73,7 +73,11 @@ class ArchiveNow extends LitElement {
       </p>
       <p>
         When you’re done, click the
-        <strong class="font-semibold text-brand-green">Finish</strong> button.
+        <strong
+          class="cursor-default rounded-md bg-lime-400 px-2 py-1.5 font-normal text-white ring-1 ring-inset ring-lime-700"
+          >Finish</strong
+        >
+        button.
       </p>`,
     "page-load": html`<p class="mb-3">
         All pages visited so far will be included in your archive.
@@ -84,8 +88,11 @@ class ArchiveNow extends LitElement {
       </p>
       <p>
         Click
-        <strong class="font-semibold text-brand-green">Finish</strong> to
-        finalize your archive.
+        <strong
+          class="cursor-default rounded-md bg-lime-400 px-2 py-1.5 font-normal text-white ring-1 ring-inset ring-lime-700"
+          >Finish</strong
+        >
+        to finalize your archive.
       </p>`,
     error: html`
       <p class="mb-3">