From 21505aea88906202699d9be4b9b26026da2d7daf Mon Sep 17 00:00:00 2001
From: Vesa Luusua <vesa.luusua@gmail.com>
Date: Mon, 11 Dec 2017 15:17:58 +0200
Subject: [PATCH] backgroundImage and modals are two different things

---
 src/containers/AuthenticationPage/AuthenticationPage.css      | 4 ++++
 .../EmailVerificationPage/EmailVerificationPage.css           | 4 ++++
 src/containers/PasswordRecoveryPage/PasswordRecoveryPage.css  | 4 ++++
 src/containers/PasswordResetPage/PasswordResetPage.css        | 4 ++++
 src/marketplace.css                                           | 1 -
 5 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/containers/AuthenticationPage/AuthenticationPage.css b/src/containers/AuthenticationPage/AuthenticationPage.css
index efc04bf8..93268acc 100644
--- a/src/containers/AuthenticationPage/AuthenticationPage.css
+++ b/src/containers/AuthenticationPage/AuthenticationPage.css
@@ -10,6 +10,10 @@
 
 .root {
   @apply --marketplaceModalRootStyles;
+
+  @media (--viewportMedium) {
+    @apply --backgroundImage;
+  }
 }
 
 .content {
diff --git a/src/containers/EmailVerificationPage/EmailVerificationPage.css b/src/containers/EmailVerificationPage/EmailVerificationPage.css
index 7d01fad0..7170421f 100644
--- a/src/containers/EmailVerificationPage/EmailVerificationPage.css
+++ b/src/containers/EmailVerificationPage/EmailVerificationPage.css
@@ -10,6 +10,10 @@
 
 .root {
   @apply --marketplaceModalRootStyles;
+
+  @media (--viewportMedium) {
+    @apply --backgroundImage;
+  }
 }
 
 .content {
diff --git a/src/containers/PasswordRecoveryPage/PasswordRecoveryPage.css b/src/containers/PasswordRecoveryPage/PasswordRecoveryPage.css
index 0a5bdefb..16c043e8 100644
--- a/src/containers/PasswordRecoveryPage/PasswordRecoveryPage.css
+++ b/src/containers/PasswordRecoveryPage/PasswordRecoveryPage.css
@@ -2,6 +2,10 @@
 
 .root {
   @apply --marketplaceModalRootStyles;
+
+  @media (--viewportMedium) {
+    @apply --backgroundImage;
+  }
 }
 
 .layoutWrapperMain {
diff --git a/src/containers/PasswordResetPage/PasswordResetPage.css b/src/containers/PasswordResetPage/PasswordResetPage.css
index 0524dc0e..c0a8d00e 100644
--- a/src/containers/PasswordResetPage/PasswordResetPage.css
+++ b/src/containers/PasswordResetPage/PasswordResetPage.css
@@ -10,6 +10,10 @@
 
 .root {
   @apply --marketplaceModalRootStyles;
+
+  @media (--viewportMedium) {
+    @apply --backgroundImage;
+  }
 }
 
 .content {
diff --git a/src/marketplace.css b/src/marketplace.css
index 30fa6aa6..dbad2ae0 100644
--- a/src/marketplace.css
+++ b/src/marketplace.css
@@ -317,7 +317,6 @@
     @media (--viewportMedium) {
       justify-content: center;
       align-items: flex-start;
-      @apply --backgroundImage;
     }
   }