enhance newsletter styles

assets/css/extended/newsletter.scss

@@ -68,7 +68,7 @@ body.type-newsletter {
         border-color: var(--signature);
       }
     }
-    button {
+    button, input[type=submit] {
       display: block;
       background-color: var(--signature);
       color: var(--theme);
@@ -285,9 +285,9 @@ body.type-newsletter.kind-page {
   .newsletter-sub {
     margin-top: calc(var(--content-gap) * 1.5);
     background-color: var(--signature-bg-dim);
-    padding: 1em;
+    padding: 1.5em 1.2em 1.2em;
     .notice {
-      font-size: .8em;
+      font-size: .9em;
       color: var(--signature);
       line-height: 1.6;
     }

layouts/_default/single.html

@@ -56,7 +56,8 @@
     {{- if $isNewsletter }}
       <div class="newsletter-sub">
         <div class="notice">
-          感谢你能读到这里，如果觉得有趣的话，欢迎在下方输入邮箱进行订阅。
+          Thanks for reading, if you like it, please subscribe below.<br>
+          <div style="font-size: .85em; margin-top: 8px;">感谢你能读到这里，如果觉得有趣的话，欢迎在下方输入邮箱进行订阅。</div>
         </div>
         {{- partial "newsletter_sub_form.html"}}
       </div>

layouts/partials/newsletter_sub_form.html

@@ -3,6 +3,6 @@
 <div class="sub-form">
   <form action="">
     <input type="text" name="email" placeholder="Your email address">
-    <button>订阅 | Subscribe</button>
+    <button>Subscribe | 订阅</button>
   </form>
 </div>