3.6

src/front/cobalt.css

@@ -175,6 +175,9 @@ input[type="checkbox"] {
 }
 #cobalt-main-box #bottom {
     padding-top: 1.5rem;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
 }
 #cobalt-main-box #bottom button {
     width: auto!important;
@@ -224,7 +227,7 @@ input[type="checkbox"] {
     cursor: not-allowed;
 }
 #footer {
-    bottom: 0rem;
+    bottom: 0.8rem;
     position: absolute;
     left: 50%;
     transform: translate(-50%, -50%);
@@ -232,6 +235,11 @@ input[type="checkbox"] {
     text-align: center;
     width: auto;
 }
+#cobalt-main-box #bottom,
+#footer-buttons,
+#footer-buttons, .footer-pair {
+    gap: 0.8rem;
+}
 #footer-buttons, .footer-pair {
     display: flex;
     flex-direction: row;
@@ -241,7 +249,6 @@ input[type="checkbox"] {
     width: auto!important;
     color: var(--accent-unhover-2);
     padding: 0.6rem 1.2rem!important;
-    margin: 0.4rem;
     align-content: center;
 }
 .text-backdrop {
@@ -370,7 +377,13 @@ input[type="checkbox"] {
     margin-bottom: 1rem;
 }
 .bottom-margin {
-    margin-bottom: 1rem;
+    margin-bottom: 1rem!important;
+}
+.top-margin {
+    margin-top: 1rem!important;
+}
+.no-margin {
+    margin: 0!important;
 }
 .checkbox {
     display: inline-flex;
@@ -397,9 +410,6 @@ input[type="checkbox"] {
     padding-bottom: 0.4rem;
     color: var(--accent);
 }
-.extra {
-    margin-top: 1rem;
-}
 .small-padding .subtitle {
     margin-top: 0.5rem;
 }
@@ -432,6 +442,7 @@ input[type="checkbox"] {
     color: var(--background);
     background: var(--accent);
     cursor: default;
+    z-index: 999
 }
 .switches {
     display: flex;
@@ -605,6 +616,9 @@ input[type="checkbox"] {
     }
 }
 @media screen and (max-width: 949px) {
+    #cobalt-main-box #bottom {
+        flex-direction: column;
+    }
     #cobalt-main-box #bottom button {
         width: 100%!important;
     }

src/front/cobalt.js

@@ -1,5 +1,4 @@
 let isIOS = navigator.userAgent.toLowerCase().match("iphone os");
-let isFirefox = navigator.userAgent.toLowerCase().match("firefox/");
 let version = 10;
 let regex = new RegExp(/https:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()!@:%_\+.~#?&\/\/=]*)/);
 
@@ -9,9 +8,8 @@ let switchers = {
     "quality": ["max", "hig", "mid", "low"],
     "audioFormat": ["best", "mp3", "ogg", "wav", "opus"]
 }
-let checkboxes = ["disableTikTokWatermark", "fullTikTokAudio"];
-if (!isFirefox) checkboxes.push("disableClipboardButton");
-let exceptions = { // used solely for ios devices, because they're less capable than everything else.
+let checkboxes = ["disableTikTokWatermark", "fullTikTokAudio", "disableClipboardButton"];
+let exceptions = { // used solely for ios devices, because they're generally less capable
     "ytFormat": "mp4",
     "audioFormat": "mp3"
 }
@@ -218,7 +216,13 @@ function toggle(toggl) {
     updateToggle(toggl, sGet(toggl))
 }
 function loadSettings() {
-    if (sGet("disableClipboardButton") == "true" && !isFirefox) eid("pasteFromClipboard").style.display = "none";
+    try {
+        typeof(navigator.clipboard.readText)
+    } catch (err) {
+        eid("disableClipboardButton-chkbx").style.display = "none";
+        sSet("disableClipboardButton", "true")
+    }
+    if (sGet("disableClipboardButton") == "true") eid("pasteFromClipboard").style.display = "none";
     if (sGet("alwaysVisibleButton") == "true") {
         eid("alwaysVisibleButton").checked = true;
         eid("download-button").value = '>>'