subscription_mailer.html.erb in proclaim-0.4.0

- old
+ new

@@ -1,12 +1,14 @@
 <!DOCTYPE html>
 <html>
 	<head>
 		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
 
 		<style>
-			* {
+			*
+			{
 				box-sizing: border-box;
 			}
 
 			table.main
 			{
@@ -14,10 +16,11 @@
 			}
 
 			table.post
 			{
 				width: 600px;
+				table-layout: fixed;
 				margin: 0 auto;
 			}
 
 			td.view_online
 			{
@@ -34,10 +37,11 @@
 			}
 
 			td.post_title h1
 			{
 				margin: 0 0 10px 0;
+				font-size: 30px;
 				padding: 0;
 			}
 
 			.mediumInsert
 			{
@@ -46,19 +50,18 @@
 
 			.mediumInsert.small
 			{
 				float: left;
 				max-width: 35%;
-				max-width: calc(33.33% + 40px);
 				min-height: 18px;
 			}
 
 			.mediumInsert img
 			{
 				margin: 0px;
 				vertical-align: top;
-				max-width: 600px;
+				max-width: 100%;
 				border: 0px none;
 			}
 
 			.mediumInsert.small img
 			{
@@ -92,10 +95,11 @@
 			}
 
 			td.post_body
 			{
 				padding-bottom: 10px;
+				font-size: 18px;
 			}
 
 			td.post_body blockquote
 			{
 				padding: 10px 20px;
@@ -115,10 +119,36 @@
 			{
 				margin-top: 20px;
 				color: #888;
 			}
 		</style>
+
+		<style data-premailer="ignore">
+			@media only screen and (min-width: 521px) and (max-width: 620px)
+			{
+				table[class="post"]
+				{
+					width: 500px !important;
+				}
+			}
+
+			@media only screen and (min-width: 421px) and (max-width: 520px)
+			{
+				table[class="post"]
+				{
+					width: 400px !important;
+				}
+			}
+
+			@media only screen and (max-width: 420px)
+			{
+				table[class="post"]
+				{
+					width: 320px !important;
+				}
+			}
+		</style>
 	</head>
 	<body>
 		<table class = "main">
 			<tr><td><%= yield %></td></tr>
 		</table>
@@ -132,10 +162,10 @@
 						You're receiving this email because you requested to be notified if a new comment was made on <%= link_to "this post", @subscription.post %>
 						at <%= link_to url, posts_url %>.
 					<% else  %>
 						You're receiving this email because you requested to be notified if a new post was made at <%= link_to url, posts_url %>.
 					<% end %>
-					If you no longer wish to receive these emails, simply <%= link_to "unsubscribe", unsubscribe_url(@subscription.token) %>.
+					If you no longer wish to receive these emails, simply <%= link_to "unsubscribe", subscription_url(@subscription.token) %>.
 				</td>
 			</tr>
 		</table>
 	</body>
 </html>