From d0ed22937376bc6ece9a6af5f4c958d21722c421 Mon Sep 17 00:00:00 2001
From: Rostislav Wolny <rosta@mailpoet.com>
Date: Thu, 6 Dec 2018 20:21:50 +0100
Subject: [PATCH] Add css for images in columns for mobile devices

[MAILPOET-1653]
---
 lib/Newsletter/Renderer/Blocks/Image.php | 2 +-
 lib/Newsletter/Renderer/Template.html    | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/lib/Newsletter/Renderer/Blocks/Image.php b/lib/Newsletter/Renderer/Blocks/Image.php
index 34930d937c..fe72a1a0e4 100644
--- a/lib/Newsletter/Renderer/Blocks/Image.php
+++ b/lib/Newsletter/Renderer/Blocks/Image.php
@@ -30,7 +30,7 @@ class Image {
     }
     $template = '
       <tr>
-        <td class="mailpoet_image ' . (($element['fullWidth'] === false) ? 'mailpoet_padded_bottom mailpoet_padded_side' : '') . '" align="' . $align . '" valign="top">
+        <td class="mailpoet_image ' . (($element['fullWidth'] === false) ? 'mailpoet_padded_bottom mailpoet_padded_side' : 'mailpoet_full_width_image') . '" align="' . $align . '" valign="top">
           ' . $image_template . '
         </td>
       </tr>';
diff --git a/lib/Newsletter/Renderer/Template.html b/lib/Newsletter/Renderer/Template.html
index 0042fb9651..1b9cc0f231 100644
--- a/lib/Newsletter/Renderer/Template.html
+++ b/lib/Newsletter/Renderer/Template.html
@@ -35,6 +35,10 @@
             outline: none;
             text-align: center;
         }
+        .mailpoet_full_width_image img {
+            width: 100%;
+            max-width: 100%;
+        }
         .mailpoet_padded_bottom {
             padding-bottom: 20px;
         }
@@ -109,4 +113,4 @@
         </tbody>
     </table>
 </body>
-</html>
\ No newline at end of file
+</html>