Make the email title look consistent with the website

Style email title like the app's regular .page-title
openaustralia · Aug 26, 2015 · eefb74d · eefb74d
1 parent 38b5378
commit eefb74d
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 4 deletions.
diff --git a/app/assets/stylesheets/email.css.scss b/app/assets/stylesheets/email.css.scss
@@ -157,6 +157,15 @@ a {
   }
 }
 
+.expired-subscription-message {
+  h1 {
+    margin-top: 0;
+    font-size: 24px;
+    color: #303030;
+    font-weight: normal;
+  }
+}
+
 .footer-outer {
   border-top: solid 3px $orange;
 

diff --git a/spec/mailers/regression/alert_notifier/email1.html b/spec/mailers/regression/alert_notifier/email1.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-<style>.box{margin-top:6px;margin-right:11px;margin-bottom:25px;margin-left:11px;padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px}body{font-family:sans-serif}a{color:#f2630c}.header{background:#878787;padding-top:5px;padding-right:0;padding-bottom:5px;padding-left:10px}.header a{color:white;font-weight:bold;font-size:20px;text-decoration:none}.trial-banner{margin-top:0;margin-left:0;margin-right:0;margin-bottom:25px;padding-top:0;padding-right:15px;padding-bottom:15px;padding-left:15px;background-color:#1D3D61 !important;color:#ffffff;font-size:14px}@media only screen and (max-width: 480px){.trial-banner{font-size:15px}}.trial-banner a{color:#ffffff !important;text-decoration:underline}.trial-banner p{margin:0;padding-top:21px;float:left;color:#ffffff}.trial-banner-button-container{padding-top:15px;padding-right:16px;float:left}.trial-banner-button{display:inline-block;border-radius:5px;padding-top:6px;padding-right:10px;padding-bottom:6px;padding-left:10px;background-color:#f2630c;color:#ffffff;text-decoration:none !important}@media only screen and (max-width: 480px){.trial-banner-button{font-size:16px}}.trial-banner-button:hover,.trial-banner-button:focus{background-color:#f8a16c}.advert{background:#d0ffff}.comments-header,.applications-header{background:#fcfbbd}.comment{margin-left:15px;margin-right:15px;background:#fafafa}.comment span{color:#989898}.comment a{font-weight:bold}.applications-more{padding-left:15px}.application{background:#eeeeee}.application .address{padding-bottom:5px}.application .address a{font-size:18px;font-weight:bold}.application .map{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;width:155px}.application .streetview{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px}.application .description{vertical-align:top}.footer-outer{border-top:solid 3px #f2630c}.footer-outer .footer-inner{padding-top:5px;padding-left:15px}
+<style>.box{margin-top:6px;margin-right:11px;margin-bottom:25px;margin-left:11px;padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px}body{font-family:sans-serif}a{color:#f2630c}.header{background:#878787;padding-top:5px;padding-right:0;padding-bottom:5px;padding-left:10px}.header a{color:white;font-weight:bold;font-size:20px;text-decoration:none}.trial-banner{margin-top:0;margin-left:0;margin-right:0;margin-bottom:25px;padding-top:0;padding-right:15px;padding-bottom:15px;padding-left:15px;background-color:#1D3D61 !important;color:#ffffff;font-size:14px}@media only screen and (max-width: 480px){.trial-banner{font-size:15px}}.trial-banner a{color:#ffffff !important;text-decoration:underline}.trial-banner p{margin:0;padding-top:21px;float:left;color:#ffffff}.trial-banner-button-container{padding-top:15px;padding-right:16px;float:left}.trial-banner-button{display:inline-block;border-radius:5px;padding-top:6px;padding-right:10px;padding-bottom:6px;padding-left:10px;background-color:#f2630c;color:#ffffff;text-decoration:none !important}@media only screen and (max-width: 480px){.trial-banner-button{font-size:16px}}.trial-banner-button:hover,.trial-banner-button:focus{background-color:#f8a16c}.advert{background:#d0ffff}.comments-header,.applications-header{background:#fcfbbd}.comment{margin-left:15px;margin-right:15px;background:#fafafa}.comment span{color:#989898}.comment a{font-weight:bold}.applications-more{padding-left:15px}.application{background:#eeeeee}.application .address{padding-bottom:5px}.application .address a{font-size:18px;font-weight:bold}.application .map{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;width:155px}.application .streetview{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px}.application .description{vertical-align:top}.expired-subscription-message h1{margin-top:0;font-size:24px;color:#303030;font-weight:normal}.footer-outer{border-top:solid 3px #f2630c}.footer-outer .footer-inner{padding-top:5px;padding-left:15px}
 </style>
 </head>
 <body>

diff --git a/spec/mailers/regression/alert_notifier/email2.html b/spec/mailers/regression/alert_notifier/email2.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-<style>.box{margin-top:6px;margin-right:11px;margin-bottom:25px;margin-left:11px;padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px}body{font-family:sans-serif}a{color:#f2630c}.header{background:#878787;padding-top:5px;padding-right:0;padding-bottom:5px;padding-left:10px}.header a{color:white;font-weight:bold;font-size:20px;text-decoration:none}.trial-banner{margin-top:0;margin-left:0;margin-right:0;margin-bottom:25px;padding-top:0;padding-right:15px;padding-bottom:15px;padding-left:15px;background-color:#1D3D61 !important;color:#ffffff;font-size:14px}@media only screen and (max-width: 480px){.trial-banner{font-size:15px}}.trial-banner a{color:#ffffff !important;text-decoration:underline}.trial-banner p{margin:0;padding-top:21px;float:left;color:#ffffff}.trial-banner-button-container{padding-top:15px;padding-right:16px;float:left}.trial-banner-button{display:inline-block;border-radius:5px;padding-top:6px;padding-right:10px;padding-bottom:6px;padding-left:10px;background-color:#f2630c;color:#ffffff;text-decoration:none !important}@media only screen and (max-width: 480px){.trial-banner-button{font-size:16px}}.trial-banner-button:hover,.trial-banner-button:focus{background-color:#f8a16c}.advert{background:#d0ffff}.comments-header,.applications-header{background:#fcfbbd}.comment{margin-left:15px;margin-right:15px;background:#fafafa}.comment span{color:#989898}.comment a{font-weight:bold}.applications-more{padding-left:15px}.application{background:#eeeeee}.application .address{padding-bottom:5px}.application .address a{font-size:18px;font-weight:bold}.application .map{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;width:155px}.application .streetview{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px}.application .description{vertical-align:top}.footer-outer{border-top:solid 3px #f2630c}.footer-outer .footer-inner{padding-top:5px;padding-left:15px}
+<style>.box{margin-top:6px;margin-right:11px;margin-bottom:25px;margin-left:11px;padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px}body{font-family:sans-serif}a{color:#f2630c}.header{background:#878787;padding-top:5px;padding-right:0;padding-bottom:5px;padding-left:10px}.header a{color:white;font-weight:bold;font-size:20px;text-decoration:none}.trial-banner{margin-top:0;margin-left:0;margin-right:0;margin-bottom:25px;padding-top:0;padding-right:15px;padding-bottom:15px;padding-left:15px;background-color:#1D3D61 !important;color:#ffffff;font-size:14px}@media only screen and (max-width: 480px){.trial-banner{font-size:15px}}.trial-banner a{color:#ffffff !important;text-decoration:underline}.trial-banner p{margin:0;padding-top:21px;float:left;color:#ffffff}.trial-banner-button-container{padding-top:15px;padding-right:16px;float:left}.trial-banner-button{display:inline-block;border-radius:5px;padding-top:6px;padding-right:10px;padding-bottom:6px;padding-left:10px;background-color:#f2630c;color:#ffffff;text-decoration:none !important}@media only screen and (max-width: 480px){.trial-banner-button{font-size:16px}}.trial-banner-button:hover,.trial-banner-button:focus{background-color:#f8a16c}.advert{background:#d0ffff}.comments-header,.applications-header{background:#fcfbbd}.comment{margin-left:15px;margin-right:15px;background:#fafafa}.comment span{color:#989898}.comment a{font-weight:bold}.applications-more{padding-left:15px}.application{background:#eeeeee}.application .address{padding-bottom:5px}.application .address a{font-size:18px;font-weight:bold}.application .map{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;width:155px}.application .streetview{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px}.application .description{vertical-align:top}.expired-subscription-message h1{margin-top:0;font-size:24px;color:#303030;font-weight:normal}.footer-outer{border-top:solid 3px #f2630c}.footer-outer .footer-inner{padding-top:5px;padding-left:15px}
 </style>
 </head>
 <body>

diff --git a/spec/mailers/regression/alert_notifier/email3.html b/spec/mailers/regression/alert_notifier/email3.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-<style>.box{margin-top:6px;margin-right:11px;margin-bottom:25px;margin-left:11px;padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px}body{font-family:sans-serif}a{color:#f2630c}.header{background:#878787;padding-top:5px;padding-right:0;padding-bottom:5px;padding-left:10px}.header a{color:white;font-weight:bold;font-size:20px;text-decoration:none}.trial-banner{margin-top:0;margin-left:0;margin-right:0;margin-bottom:25px;padding-top:0;padding-right:15px;padding-bottom:15px;padding-left:15px;background-color:#1D3D61 !important;color:#ffffff;font-size:14px}@media only screen and (max-width: 480px){.trial-banner{font-size:15px}}.trial-banner a{color:#ffffff !important;text-decoration:underline}.trial-banner p{margin:0;padding-top:21px;float:left;color:#ffffff}.trial-banner-button-container{padding-top:15px;padding-right:16px;float:left}.trial-banner-button{display:inline-block;border-radius:5px;padding-top:6px;padding-right:10px;padding-bottom:6px;padding-left:10px;background-color:#f2630c;color:#ffffff;text-decoration:none !important}@media only screen and (max-width: 480px){.trial-banner-button{font-size:16px}}.trial-banner-button:hover,.trial-banner-button:focus{background-color:#f8a16c}.advert{background:#d0ffff}.comments-header,.applications-header{background:#fcfbbd}.comment{margin-left:15px;margin-right:15px;background:#fafafa}.comment span{color:#989898}.comment a{font-weight:bold}.applications-more{padding-left:15px}.application{background:#eeeeee}.application .address{padding-bottom:5px}.application .address a{font-size:18px;font-weight:bold}.application .map{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;width:155px}.application .streetview{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px}.application .description{vertical-align:top}.footer-outer{border-top:solid 3px #f2630c}.footer-outer .footer-inner{padding-top:5px;padding-left:15px}
+<style>.box{margin-top:6px;margin-right:11px;margin-bottom:25px;margin-left:11px;padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px}body{font-family:sans-serif}a{color:#f2630c}.header{background:#878787;padding-top:5px;padding-right:0;padding-bottom:5px;padding-left:10px}.header a{color:white;font-weight:bold;font-size:20px;text-decoration:none}.trial-banner{margin-top:0;margin-left:0;margin-right:0;margin-bottom:25px;padding-top:0;padding-right:15px;padding-bottom:15px;padding-left:15px;background-color:#1D3D61 !important;color:#ffffff;font-size:14px}@media only screen and (max-width: 480px){.trial-banner{font-size:15px}}.trial-banner a{color:#ffffff !important;text-decoration:underline}.trial-banner p{margin:0;padding-top:21px;float:left;color:#ffffff}.trial-banner-button-container{padding-top:15px;padding-right:16px;float:left}.trial-banner-button{display:inline-block;border-radius:5px;padding-top:6px;padding-right:10px;padding-bottom:6px;padding-left:10px;background-color:#f2630c;color:#ffffff;text-decoration:none !important}@media only screen and (max-width: 480px){.trial-banner-button{font-size:16px}}.trial-banner-button:hover,.trial-banner-button:focus{background-color:#f8a16c}.advert{background:#d0ffff}.comments-header,.applications-header{background:#fcfbbd}.comment{margin-left:15px;margin-right:15px;background:#fafafa}.comment span{color:#989898}.comment a{font-weight:bold}.applications-more{padding-left:15px}.application{background:#eeeeee}.application .address{padding-bottom:5px}.application .address a{font-size:18px;font-weight:bold}.application .map{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;width:155px}.application .streetview{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px}.application .description{vertical-align:top}.expired-subscription-message h1{margin-top:0;font-size:24px;color:#303030;font-weight:normal}.footer-outer{border-top:solid 3px #f2630c}.footer-outer .footer-inner{padding-top:5px;padding-left:15px}
 </style>
 </head>
 <body>

diff --git a/spec/mailers/regression/alert_notifier/email4.html b/spec/mailers/regression/alert_notifier/email4.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-<style>.box{margin-top:6px;margin-right:11px;margin-bottom:25px;margin-left:11px;padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px}body{font-family:sans-serif}a{color:#f2630c}.header{background:#878787;padding-top:5px;padding-right:0;padding-bottom:5px;padding-left:10px}.header a{color:white;font-weight:bold;font-size:20px;text-decoration:none}.trial-banner{margin-top:0;margin-left:0;margin-right:0;margin-bottom:25px;padding-top:0;padding-right:15px;padding-bottom:15px;padding-left:15px;background-color:#1D3D61 !important;color:#ffffff;font-size:14px}@media only screen and (max-width: 480px){.trial-banner{font-size:15px}}.trial-banner a{color:#ffffff !important;text-decoration:underline}.trial-banner p{margin:0;padding-top:21px;float:left;color:#ffffff}.trial-banner-button-container{padding-top:15px;padding-right:16px;float:left}.trial-banner-button{display:inline-block;border-radius:5px;padding-top:6px;padding-right:10px;padding-bottom:6px;padding-left:10px;background-color:#f2630c;color:#ffffff;text-decoration:none !important}@media only screen and (max-width: 480px){.trial-banner-button{font-size:16px}}.trial-banner-button:hover,.trial-banner-button:focus{background-color:#f8a16c}.advert{background:#d0ffff}.comments-header,.applications-header{background:#fcfbbd}.comment{margin-left:15px;margin-right:15px;background:#fafafa}.comment span{color:#989898}.comment a{font-weight:bold}.applications-more{padding-left:15px}.application{background:#eeeeee}.application .address{padding-bottom:5px}.application .address a{font-size:18px;font-weight:bold}.application .map{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;width:155px}.application .streetview{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px}.application .description{vertical-align:top}.footer-outer{border-top:solid 3px #f2630c}.footer-outer .footer-inner{padding-top:5px;padding-left:15px}
+<style>.box{margin-top:6px;margin-right:11px;margin-bottom:25px;margin-left:11px;padding-top:15px;padding-right:15px;padding-bottom:15px;padding-left:15px}body{font-family:sans-serif}a{color:#f2630c}.header{background:#878787;padding-top:5px;padding-right:0;padding-bottom:5px;padding-left:10px}.header a{color:white;font-weight:bold;font-size:20px;text-decoration:none}.trial-banner{margin-top:0;margin-left:0;margin-right:0;margin-bottom:25px;padding-top:0;padding-right:15px;padding-bottom:15px;padding-left:15px;background-color:#1D3D61 !important;color:#ffffff;font-size:14px}@media only screen and (max-width: 480px){.trial-banner{font-size:15px}}.trial-banner a{color:#ffffff !important;text-decoration:underline}.trial-banner p{margin:0;padding-top:21px;float:left;color:#ffffff}.trial-banner-button-container{padding-top:15px;padding-right:16px;float:left}.trial-banner-button{display:inline-block;border-radius:5px;padding-top:6px;padding-right:10px;padding-bottom:6px;padding-left:10px;background-color:#f2630c;color:#ffffff;text-decoration:none !important}@media only screen and (max-width: 480px){.trial-banner-button{font-size:16px}}.trial-banner-button:hover,.trial-banner-button:focus{background-color:#f8a16c}.advert{background:#d0ffff}.comments-header,.applications-header{background:#fcfbbd}.comment{margin-left:15px;margin-right:15px;background:#fafafa}.comment span{color:#989898}.comment a{font-weight:bold}.applications-more{padding-left:15px}.application{background:#eeeeee}.application .address{padding-bottom:5px}.application .address a{font-size:18px;font-weight:bold}.application .map{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;width:155px}.application .streetview{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px}.application .description{vertical-align:top}.expired-subscription-message h1{margin-top:0;font-size:24px;color:#303030;font-weight:normal}.footer-outer{border-top:solid 3px #f2630c}.footer-outer .footer-inner{padding-top:5px;padding-left:15px}
 </style>
 </head>
 <body>