ntp: fix layout of RMF widget on older macOS (#1548)

Author: shakyShane

special-pages/pages/new-tab/app/components/Components.jsx

@@ -171,11 +171,16 @@ function TextLength() {
 function Isolate() {
     const next = new URL(url);
     next.searchParams.set('isolate', 'true');
+    const prod = new URL('/build/pages/new-tab', 'https://content-scope-scripts.netlify.app');
+    prod.search = url.search;
     return (
         <div class={styles.buttonRow}>
             <a href={next.toString()} target={'_blank'}>
                 Isolate (open in a new tab)
             </a>
+            <a href={prod.toString()} target={'_blank'}>
+                Open in Production (new tab)
+            </a>
         </div>
     );
 }

special-pages/pages/new-tab/app/remote-messaging-framework/components/RemoteMessagingFramework.module.css

@@ -14,7 +14,6 @@
     animation: animate-fade .2s cubic-bezier(0.55, 0.055, 0.666, 0.19);
     margin-bottom: var(--ntp-gap);
 
-
     &.icon {
         padding-left: var(--sp-2);
     }
@@ -24,11 +23,10 @@
     margin-right: var(--sp-2);
     width: 3rem;
     min-width: 3rem;
+    display: block;
 }
 
-.content {
-    flex-grow: 1;
-}
+.content {}
 
 .title {
     font-size: var(--body-font-size);
@@ -45,6 +43,7 @@
 .btnBlock {
     margin-left: var(--sp-3);
     align-self: center;
+    flex-shrink: 0;
 }
 
 .btnRow {