From 70f2b797d95497ce6e9e401ce0ec56ad6ac3c309 Mon Sep 17 00:00:00 2001
From: Berkeley Martinez <BerkeleyTrue@users.noreply.github.com>
Date: Thu, 18 May 2017 21:46:35 -0700
Subject: [PATCH] Fixs classic modal styling not rendering

Move classic modal less files co-locating them in the app file structure
---
 client/less/classic-modal.less                | 34 ------------------
 client/less/main.less                         |  1 -
 .../challenges/views/classic/classic.less     | 36 +++++++++++++++++++
 3 files changed, 36 insertions(+), 35 deletions(-)
 delete mode 100644 client/less/classic-modal.less

diff --git a/client/less/classic-modal.less b/client/less/classic-modal.less
deleted file mode 100644
index 0434162d94..0000000000
--- a/client/less/classic-modal.less
+++ /dev/null
@@ -1,34 +0,0 @@
-.challenge-success-modal {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  height: 50vh;
-
-  .modal-header {
-    margin-bottom: 0;
-
-    .close {
-      color: #eee;
-      font-size: 4rem;
-      opacity: 0.6;
-      transition: all 300ms ease-out;
-      margin-top: 0;
-      padding-left: 0;
-
-      &:hover {
-        opacity: 1;
-      }
-    }
-  }
-
-  .modal-body {
-    padding: 35px;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-
-    .fa {
-      margin-right: 0;
-    }
-  }
-}
diff --git a/client/less/main.less b/client/less/main.less
index 6fe8878945..2ddb7ad613 100644
--- a/client/less/main.less
+++ b/client/less/main.less
@@ -1232,6 +1232,5 @@ and (max-width : 400px)  {
 &{ @import "./toastr.less"; }
 &{ @import "./map.less"; }
 &{ @import "./sk-wave.less"; }
-&{ @import "./classic-modal.less"; }
 &{ @import "./skeleton-shimmer.less"; }
 &{ @import "../../common/index.less"; }
diff --git a/common/app/routes/challenges/views/classic/classic.less b/common/app/routes/challenges/views/classic/classic.less
index df8588a914..de511f9f51 100644
--- a/common/app/routes/challenges/views/classic/classic.less
+++ b/common/app/routes/challenges/views/classic/classic.less
@@ -107,3 +107,39 @@
   overflow: hidden;
   width: 100%;
 }
+
+.@{ns}-success-modal {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  height: 50vh;
+
+  .modal-header {
+    background-color: @brand-primary;
+    margin-bottom: 0;
+
+    .close {
+      color: #eee;
+      font-size: 4rem;
+      opacity: 0.6;
+      transition: all 300ms ease-out;
+      margin-top: 0;
+      padding-left: 0;
+
+      &:hover {
+        opacity: 1;
+      }
+    }
+  }
+
+  .modal-body {
+    padding: 35px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+
+    .fa {
+      margin-right: 0;
+    }
+  }
+}