fix: checkbox alignment

Author: Shane Osbourne

packages/special-pages/pages/duckplayer/src/assets/player.css

@@ -230,8 +230,12 @@ body.faded .toolbar {
     }
 }
 
+.settings-label {
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+}
 .settings-checkbox {
-    margin-top: 2px;
     margin-right: 4px;
     width: 14px;
     height: 14px;

packages/special-pages/pages/duckplayer/src/index.html

@@ -31,8 +31,10 @@
         </div>
         <div class="options">
             <form class="setting-container invisible">
-                <input id="setting" type="checkbox" class="settings-checkbox" />
-                <label for="setting" class="settings-label">Always open YouTube videos in Duck Player</label>
+                <label for="setting" class="settings-label">
+                    <input id="setting" type="checkbox" class="settings-checkbox" />
+                    <span>Always open YouTube videos in Duck Player</span>
+                </label>
             </form>
             <a href="#" aria-label="Open Settings" target="_blank" class="options-button open-settings" rel="noopener">
                 <img src="./assets/img/cog.svg" alt="" />

packages/special-pages/pages/duckplayer/src/js/index.js

@@ -353,7 +353,7 @@ const Comms = {
                     if (msg.method === 'getUserValues') {
                         return Promise.resolve(new UserValues({
                             overlayInteracted: false,
-                            privatePlayerMode: { enabled: {} }
+                            privatePlayerMode: { alwaysAsk: {} }
                         }))
                     }
                     return Promise.resolve(null)