Merge branch 'dillon/63-voucherify-updates' into 'master'

Fix welcome voucher email out of alignment issue in yahoo mail

See merge request CIEFWorldwideSdnBhd/exchange-2.0!162

resources/views/emails/accounts/welcome_voucher.blade.php

@@ -1,7 +1,7 @@
 @extends('emails.layout.base')
 
 @section('content')
-    <img style="width: 100%;" src="https://assets.izyim.com/public/images/emails/welcome50%25off.png"/>
+    <img style="width: 100%;" src="https://assets.izyim.com/public/images/emails/welcome50%25off2025.png"/>
     <p style="font-size: 0.9em">Hello from CIEF! Thanks for signing up with us. Thinking about using our RMB payment transfer services? Use code 【{{$voucher->code}}】 and get a 50% discount on your first order. Why not give it a try?</p>
     <p style="font-size: 0.9em">Any questions? I'm here to help. Start here: <a href="{{env('APP_URL').'/dashboard'}}">{{env('APP_URL').'/dashboard'}}</a></p>
     <p style="font-size: 0.9em">叮咚！非常感谢您在我们代付网站注册， 您是否对我们的代付服务感兴趣却还在犹豫或者在因为其他因素还没正式使用呢？ 如果是首次下单， 不妨使用我们专门为新用户准备的独家优惠， 只需在首次下单时使用代码【{{$voucher->code}}】，就能享有5折的手续费折扣呢！ 尝试了一次， 或许你会喜欢我们公司的服务，点击以下网址开始启用吧！</p>

resources/views/emails/layout/base.blade.php

@@ -21,6 +21,10 @@
         .container {
             width: 600px;
         }
+        .container .header-title {
+            width: 600px;
+            padding: 30px 0px;
+        }
         .sm-hide {
             display: block;
         }
@@ -31,12 +35,16 @@
             .container {
                 width: 100%;
             }
+            .container .header-title {
+                width: 100%;
+                padding: 30px 0px;
+            }
             .sm-hide {
                 display: none;
             }
         }
         .content {
-            width: 100%;
+            /* width: 100%; */
             padding: 30px;
             box-sizing: border-box;
         }
@@ -132,4 +140,4 @@
     </div>
 </div>
 </body>
-</html>
+</html>

resources/views/emails/layout/header.blade.php

@@ -1,5 +1,5 @@
-<div class="bg-primary content">
+<div class="bg-primary header-title">
     <h2 class="no-margin font-lato lightest text-white all-caps" style="font-size: 3em; letter-spacing: 15px; line-height: 40px" >Exchange</h2>
     <div style="height: 15px;"></div>
     <small class="no-margin font-lato light text-white all-caps" style="letter-spacing: 5px;">Currency Exchange Vendor</small>
-</div>
+</div>