fixes for poor rendering in chrome

- fixed blurry header
- fixed blurry tab bar
- fixed blurry switches
- fixed weirdly rounded corners in popups
- fixed 1px gap on edges of various elements in popup
- fixed overscrolling in other settings tab
- fixed unexpected button highlight effect in mobile version
- removed outdated fixed for tiny screens

src/modules/pageRender/page.js

@@ -466,7 +466,7 @@ export default function(obj) {
                 name: "download",
                 standalone: true,
                 buttonOnly: true,
-                classes: ["small", "glass-bkg"],
+                classes: ["small"],
                 header: {
                     closeAria: t('AccessibilityGoBack'),
                     emoji: emoji("🐱", 78, 1, 1),
@@ -487,7 +487,7 @@ export default function(obj) {
                 name: "error",
                 standalone: true,
                 buttonOnly: true,
-                classes: ["small", "glass-bkg"],
+                classes: ["small"],
                 header: {
                     closeAria: t('AccessibilityGoBack'),
                     title: t('TitlePopupError'),
@@ -500,10 +500,10 @@ export default function(obj) {
         <div id="popup-backdrop" onclick="hideAllPopups()"></div>
         <div id="home" style="visibility:hidden">
             ${urgentNotice({
-                emoji: "🔗",
-                text: t("UrgentFeatureUpdate71"),
+                emoji: "💖",
+                text: t("UrgentThanks"),
                 visible: true,
-                action: "popup('about', 1, 'changelog')"
+                action: "popup('about', 1, 'donate')"
             })}
             <div id="cobalt-main-box" class="center">
                 <div id="logo">${t("AppTitleCobalt")}</div>