Refined mobile screen for unsubscribe

TryGhost · Nov 16, 2019 · a64fab7 · a64fab7
1 parent 1f67cc6
commit a64fab7
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/core/frontend/views/unsubscribe.hbs b/core/frontend/views/unsubscribe.hbs
@@ -15,7 +15,7 @@
         <div class="gh-viewport">
             <main class="gh-main" role="main">
                 <div class="gh-flow">
-                    <header class="gh-flow-head">
+                    <header class="gh-flow-head gh-flow-head-unsubscribe">
                         <nav class="gh-flow-nav">
                             <a href="{{@site.url}}" class="gh-flow-back-plain">
                                 <!--?xml version="1.0" encoding="UTF-8" standalone="no"?-->
@@ -35,7 +35,7 @@
                     </header>
 
                     <div class="gh-flow-content-wrap">
-                        <section class="gh-flow-content gh-flow-content-regular">
+                        <section class="gh-flow-content gh-flow-content-unsubscribe">
                             <p>
                                 {{#if error}}
                                     Uh oh! Unsubscribe failed: "{{error}}"

diff --git a/core/server/public/ghost.css b/core/server/public/ghost.css
@@ -741,14 +741,21 @@ h2 {
     padding-left: 35px;
 }
 
-.gh-flow-content-regular {
+.gh-flow-content-unsubscribe {
     font-weight: 300;
 }
 
 @media (max-width: 500px) {
+    .gh-flow-head-unsubscribe {
+        padding-top: 2.8vh;
+    }
     .gh-flow-content {
         font-size: 4vw;
     }
+    .gh-flow-content-unsubscribe {
+        font-size: 1.8rem;
+        line-height: 1.6em;
+    }
 }
 .gh-flow-content header {
     margin: 0 auto;