v1.7.7/website changes

website/index.html

@@ -124,6 +124,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <a href="https://get.firefoxwatchparty.com" class="big-button" data-font="sans">
         GET FIREFOX ADD-ON
       </a>
+      <a href="https://get.firefoxwatchparty.com" class="big-button" data-font="sans">
+        GET EDGE ADD-ON
+      </a>
       <a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
         GET CHROME EXTENSION
       </a>
@@ -287,6 +290,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Get Firefox Add-On
           </a>
+          <a
+            class="underlink"
+            target="_blank"
+            href="https://get.firefoxwatchparty.com"
+            data-font="sans"
+          >
+            Get Edge Add-On
+          </a>
           <a
             class="underlink"
             target="_blank"

website/styles/extrasmall.css

@@ -150,7 +150,7 @@ body {
   letter-spacing: 2px;
 }
 
-.heading .big-button {
+.heading .big-button:first-of-type {
   margin-top: 10rem;
 }
 
@@ -396,7 +396,7 @@ footer .end-line .underlink::after {
   content: unset;
 }
 
-footer .end-line .underlink:first-of-type {
+footer .end-line .underlink:last-of-type {
   display: block;
   margin-bottom: 2.5rem;
 }

website/styles/medium.css

@@ -42,6 +42,7 @@ input {
 
 .heading .big-button:not(:last-of-type) {
   margin-right: 5rem;
+  margin-bottom: 2.5rem;
 }
 
 .bubble.right {

website/welcome/index.html

@@ -192,20 +192,13 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="support-card">
         <h4 class="sub-title" style="flex: 1" data-font="sans-bold">STEP 4</h4>
-        <p class="body" data-font="sans">
-          Fill out the three text fields to create or join a party (change mode by click on the
-          respective Create or Join buttons)
-        </p>
-      </div>
-      <div class="support-card">
-        <h4 class="sub-title" style="flex: 1" data-font="sans-bold">STEP 5</h4>
         <p class="body" data-font="sans">
           Start playing something then, pause and play once after starting your show to make sure
           sync is working. You should see the name of what's currently playin show up in the sidebar
         </p>
       </div>
       <div class="support-card">
-        <h4 class="sub-title" style="flex: 1" data-font="sans-bold">STEP 6</h4>
+        <h4 class="sub-title" style="flex: 1" data-font="sans-bold">STEP 5</h4>
         <p class="body" data-font="sans">
           Click on your party name in the sidebar, here you can see some additional options as well
           as who's in the party.