4.7.1: fixed popup padding

package.json

@@ -1,7 +1,7 @@
 {
     "name": "cobalt",
     "description": "save what you love",
-    "version": "4.7",
+    "version": "4.7.1",
     "author": "wukko",
     "exports": "./src/cobalt.js",
     "type": "module",

src/front/cobalt.css

@@ -281,9 +281,9 @@ input[type="checkbox"] {
     height: auto;
     width: 32%;
     z-index: 999;
-    padding: 3rem 2rem 2rem 2rem;
+    padding: 2rem;
     font-size: 0.9rem;
-    max-height: 80%;
+    max-height: 85%;
 }
 .popup.small {
     width: 20%
@@ -299,7 +299,7 @@ input[type="checkbox"] {
     z-index: 998;
 }
 .popup.scrollable {
-    height: 80%;
+    height: 85%;
 }
 .scrollable .bottom-link {
     padding-bottom: 2rem;
@@ -381,6 +381,7 @@ input[type="checkbox"] {
     position: relative;
     background: var(--background);
     z-index: 999;
+    padding-top: 0.8rem;
 }
 #popup-content.with-footer {
     margin-bottom: 3rem;
@@ -496,7 +497,7 @@ input[type="checkbox"] {
     overflow: auto;
 }
 #close-bottom {
-    max-width: 3rem;
+    max-width: 2.8rem;
     margin-left: 1rem;
     background: var(--background);
     border: var(--border-15);
@@ -513,7 +514,7 @@ input[type="checkbox"] {
     width: 100%;
 }
 .popup-tabs {
-    margin-top: 0.5rem;
+    margin-top: 0.8rem;
 }
 .emoji {
     margin-right: 0.4rem;
@@ -720,7 +721,7 @@ input[type="checkbox"] {
         width: 100%!important;
     }
     #footer {
-        bottom: 2rem;
+        bottom: 1.7rem;
         transform: translate(-50%, 0%);
     }
     #footer-buttons {
@@ -730,6 +731,12 @@ input[type="checkbox"] {
     .footer-pair .footer-button {
         width: 100%!important;
     }
+    #popup-header {
+        padding-top: 1.2rem;
+    }
+    #popup-settings #popup-header {
+        padding-top: 0.8rem;
+    }
     .picker-image-container {
         height: 7rem;
         width: 7rem;
@@ -757,12 +764,15 @@ input[type="checkbox"] {
     .popup, .popup.scrollable, .popup.small {
         border: none;
         width: 90%;
-        height: 92%;
+        height: 95%;
         max-height: 100%;
     }
     .bottom-link {
         padding-bottom: 2rem;
     }
+    .popup-tabs {
+        margin-top: .3rem;
+    }
 }
 @media screen and (max-width: 400px) {
     .popup-title {

src/modules/changelog/changelog.json

@@ -3,7 +3,7 @@
         "version": "4.7",
         "title": "we're better together! thank you for bug reports.",
         "banner": "bettertogether.webp",
-        "content": "this update includes a bunch of improvements, many of which were made thanks to the community :D\n\nservice-related improvements:\n*; private soundcloud links are now supported (#68);\n*; tiktok usernames with dots in them no longer confuse cobalt (#71);\n*; .ogg files no longer wrongfully include a video channel (#67);\n*; fixed an issue that caused cobalt to freak out when user attempted to download an audio from audio-only service with \"mute video\" option enabled.\n\nui improvements:\n*; all buttons are now of even size and are displayed without any padding issues across all modern browsers and devices;\n*; checkbox is no longer crippled on ios;\n*; many explanation texts have been simplified to get rid of unnecessary bloat (no bullshit, remember?);\n*; moved tiktok section in video settings higher due to higher priority.\n\nstability improvements:\n*; fixed a memory leak that was caused by misconfigured stream information caching (#63).\n\ninternal improvements:\n*; requested streams are now stored in cache for 2 minutes instead of 1000 hours (yes, 1000 hours, i fucked up);\n*; cached data is now reused if user requests same content within 2 minutes;\n*; page render module is now even cleaner than before;\n*; proper support for bullet-points in loc strings.\n\nyou can suggest features or report bugs on <a class=\"text-backdrop\" href=\"{repo}\" target=\"_blank\">github</a> or <a class=\"text-backdrop\" href=\"https://twitter.com/justusecobalt\" target=\"_blank\">twitter</a>. both work just fine, use whichever you're more comfortable with.\n\nthank you for using cobalt, and thank you for reading this changelog.\n\nyou're amazing, keep it up :)"
+        "content": "this update includes a bunch of improvements, many of which were made thanks to the community :D\n\nservice-related improvements:\n*; private soundcloud links are now supported (#68);\n*; tiktok usernames with dots in them no longer confuse cobalt (#71);\n*; .ogg files no longer wrongfully include a video channel (#67);\n*; fixed an issue that caused cobalt to freak out when user attempted to download an audio from audio-only service with \"mute video\" option enabled.\n\nui improvements:\n*; popup padding has been evened out. popups are now able to fit in more information on scroll, especially on mobile;\n*; all buttons are now of even size and are displayed without any padding issues across all modern browsers and devices;\n*; checkbox is no longer crippled on ios;\n*; many explanation texts have been simplified to get rid of unnecessary bloat (no bullshit, remember?);\n*; moved tiktok section in video settings higher due to higher priority.\n\nstability improvements:\n*; fixed a memory leak that was caused by misconfigured stream information caching (#63).\n\ninternal improvements:\n*; requested streams are now stored in cache for 2 minutes instead of 1000 hours (yes, 1000 hours, i fucked up);\n*; cached data is now reused if user requests same content within 2 minutes;\n*; page render module is now even cleaner than before;\n*; proper support for bullet-points in loc strings.\n\nyou can suggest features or report bugs on <a class=\"text-backdrop\" href=\"{repo}\" target=\"_blank\">github</a> or <a class=\"text-backdrop\" href=\"https://twitter.com/justusecobalt\" target=\"_blank\">twitter</a>. both work just fine, use whichever you're more comfortable with.\n\nthank you for using cobalt, and thank you for reading this changelog.\n\nyou're amazing, keep it up :)"
     },
     "history": [{
         "version": "4.6",