From 8830eed458b6854615f5f473a6e97b4f8ae11d90 Mon Sep 17 00:00:00 2001
From: ValeraS <ValeraS@users.noreply.github.com>
Date: Fri, 21 Sep 2018 08:33:19 +0300
Subject: [PATCH] fix missing styles

---
 packages/learn/src/templates/Challenges/backend/Show.js    | 5 +----
 packages/learn/src/templates/Challenges/classic/Show.js    | 1 +
 .../learn/src/templates/Challenges/components/preview.css  | 7 -------
 .../src/templates/Challenges/components/test-frame.css     | 6 ++++++
 .../src/templates/Challenges/components/tool-panel.css     | 5 -----
 .../learn/src/templates/Challenges/project/Tool-Panel.js   | 2 ++
 .../learn/src/templates/Challenges/project/tool-panel.css  | 4 ++++
 7 files changed, 14 insertions(+), 16 deletions(-)
 create mode 100644 packages/learn/src/templates/Challenges/components/test-frame.css
 create mode 100644 packages/learn/src/templates/Challenges/project/tool-panel.css

diff --git a/packages/learn/src/templates/Challenges/backend/Show.js b/packages/learn/src/templates/Challenges/backend/Show.js
index 756e68dfc97..80561974fe1 100644
--- a/packages/learn/src/templates/Challenges/backend/Show.js
+++ b/packages/learn/src/templates/Challenges/backend/Show.js
@@ -30,10 +30,7 @@ import {
 import Spacer from '../../../components/util/Spacer';
 import { createGuideUrl } from '../utils';
 
-import '../components/tool-panel.css';
-import '../components/preview.css';
-import '../components/test-suite.css';
-import '../classic/classic.css';
+import '../components/test-frame.css';
 
 // provided by redux form
 const reduxFormPropTypes = {
diff --git a/packages/learn/src/templates/Challenges/classic/Show.js b/packages/learn/src/templates/Challenges/classic/Show.js
index 38326eda6fa..912446875cd 100644
--- a/packages/learn/src/templates/Challenges/classic/Show.js
+++ b/packages/learn/src/templates/Challenges/classic/Show.js
@@ -33,6 +33,7 @@ import {
 } from '../redux';
 
 import './classic.css';
+import '../components/test-frame.css';
 
 import decodeHTMLEntities from '../../../../utils/decodeHTMLEntities';
 
diff --git a/packages/learn/src/templates/Challenges/components/preview.css b/packages/learn/src/templates/Challenges/components/preview.css
index 1e517400831..338dc0f19e9 100644
--- a/packages/learn/src/templates/Challenges/components/preview.css
+++ b/packages/learn/src/templates/Challenges/components/preview.css
@@ -1,10 +1,3 @@
-.hide-test-frame {
-  position: absolute;
-  top: -9999px;
-  left: -9999px;
-  visibility: hidden;
-}
-
 .challenge-preview, .challenge-preview-frame {
   height: calc(100vh - 38px);
   width: 100%;
diff --git a/packages/learn/src/templates/Challenges/components/test-frame.css b/packages/learn/src/templates/Challenges/components/test-frame.css
new file mode 100644
index 00000000000..aee6e1a488b
--- /dev/null
+++ b/packages/learn/src/templates/Challenges/components/test-frame.css
@@ -0,0 +1,6 @@
+.hide-test-frame {
+  position: absolute;
+  top: -9999px;
+  left: -9999px;
+  visibility: hidden;
+}
diff --git a/packages/learn/src/templates/Challenges/components/tool-panel.css b/packages/learn/src/templates/Challenges/components/tool-panel.css
index 70c98e128ff..fc70fdc2b33 100644
--- a/packages/learn/src/templates/Challenges/components/tool-panel.css
+++ b/packages/learn/src/templates/Challenges/components/tool-panel.css
@@ -1,8 +1,3 @@
 .tool-panel-group button, .tool-panel-group a {
   font-size: 1.1rem;
 }
-
-.project-tool-panel {
-  width: 100%;
-  padding: 0 15px;
-}
diff --git a/packages/learn/src/templates/Challenges/project/Tool-Panel.js b/packages/learn/src/templates/Challenges/project/Tool-Panel.js
index 533bceb7237..796fb98b24c 100644
--- a/packages/learn/src/templates/Challenges/project/Tool-Panel.js
+++ b/packages/learn/src/templates/Challenges/project/Tool-Panel.js
@@ -6,6 +6,8 @@ import { Button } from 'react-bootstrap';
 
 import { openModal } from '../redux';
 
+import './tool-panel.css';
+
 const mapStateToProps = () => ({});
 
 const mapDispatchToProps = dispatch =>
diff --git a/packages/learn/src/templates/Challenges/project/tool-panel.css b/packages/learn/src/templates/Challenges/project/tool-panel.css
new file mode 100644
index 00000000000..3dea855cd71
--- /dev/null
+++ b/packages/learn/src/templates/Challenges/project/tool-panel.css
@@ -0,0 +1,4 @@
+.project-tool-panel {
+  width: 100%;
+  padding: 0 15px;
+}