From d931966e5a333ed50e78fa1c8687cf1a0a4fd738 Mon Sep 17 00:00:00 2001
From: Tom Byers <tom.byers@digital.cabinet-office.gov.uk>
Date: Wed, 8 Aug 2018 13:38:59 +0100
Subject: [PATCH] Add CSS for email preview iframe

---
 app/assets/stylesheets/components/email-preview-pane.scss | 7 +++++++
 app/assets/stylesheets/main.scss                          | 1 +
 2 files changed, 8 insertions(+)
 create mode 100644 app/assets/stylesheets/components/email-preview-pane.scss

diff --git a/app/assets/stylesheets/components/email-preview-pane.scss b/app/assets/stylesheets/components/email-preview-pane.scss
new file mode 100644
index 000000000..807069631
--- /dev/null
+++ b/app/assets/stylesheets/components/email-preview-pane.scss
@@ -0,0 +1,7 @@
+.email-branding-preview {
+  width: 100%;
+  box-sizing: border-box;
+  border: solid 1px $border-colour;
+  min-height: 200px;
+  margin-bottom: $gutter
+}
diff --git a/app/assets/stylesheets/main.scss b/app/assets/stylesheets/main.scss
index 43edbaed5..9f5955cae 100644
--- a/app/assets/stylesheets/main.scss
+++ b/app/assets/stylesheets/main.scss
@@ -61,6 +61,7 @@ $path: '/static/images/';
 @import 'components/conditional-radios';
 @import 'components/vendor/breadcrumbs';
 @import 'components/vendor/responsive-embed';
+@import 'components/email-preview-pane';
 
 @import 'views/dashboard';
 @import 'views/users';