Removed extra margin from images and trying to improve email design #5 …

…#27
cdemi · Oct 15, 2018 · d1b94bf · d1b94bf
1 parent 0c5d363
commit d1b94bf
Showing 1 changed file with 18 additions and 15 deletions.
diff --git a/NewsletterCurator.Web/Views/Email/Preview.cshtml b/NewsletterCurator.Web/Views/Email/Preview.cshtml
@@ -27,17 +27,23 @@
             mso-line-height-rule: exactly;
         }
 
-        a {
-            text-decoration: none;
-            color: #333;
+        h3 {
+            padding-top: 20px;
         }
 
-        p a {
-            margin: 0;
-            font-weight: bold;
-            text-decoration: underline;
-            color: #35b900;
+
+
+        a {
+            margin: 0 !important;
+            font-weight: bold !important;
+            text-decoration: underline !important;
+            color: #0065b9 !important;
         }
+
+            a, a span {
+                text-decoration: none !important;
+                color: #0065b9 !important;
+            }
     </style>
 </head>
 <body style="margin:0; padding:0; background-color:#F2F2F2;">
@@ -61,27 +67,24 @@
                 {
                     <tr>
                         <td align="center">
-                            <a href="@newsItem.URL" target="_blank"><h3 style="display:inline-block;">@newsItem.Title</h3>&nbsp; <span style="font-size: 10px">(@(new Uri(newsItem.URL).Host.Replace("www.", "")))</span></a>
+                            <a href="@newsItem.URL" target="_blank"><h3 style="display:inline-block;">@newsItem.Title</h3>&nbsp; <span style="font-size: 12px">(@(new Uri(newsItem.URL).Host.Replace("www.", "")))</span></a>
                         </td>
                     </tr>
                     @if (!String.IsNullOrEmpty(newsItem.ImageURL))
                     {
                         <tr>
                             <td align="center">
                                 <a href="@newsItem.URL" target="_blank">
-                                    <img src="@newsItem.ImageURL" style="margin:0; padding:0; border:none; display:block;max-height:185px;max-width:400px; margin:20px" border="0" alt="" />
+                                    <img src="@newsItem.ImageURL" style="margin:0; padding:0; border:none; display:block;max-height:185px;max-width:400px;" border="0" alt="" />
                                 </a>
                             </td>
                         </tr>
                     }
                     <tr>
-                        <td align="center">
-                            <p>@newsItem.Summary... <br /><a href="@newsItem.URL" target="_blank">Read More...</a></p>
+                        <td align="justify">
+                            @newsItem.Summary... <a href="@newsItem.URL" target="_blank">Read More...</a>
                         </td>
                     </tr>
-                    <tr>
-                        <td height="50"></td>
-                    </tr>
                 }
                 <tr>
                     <td height="50"><hr /></td>