fix missing styles

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 = {

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';
 

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%;

packages/learn/src/templates/Challenges/components/test-frame.css

@@ -0,0 +1,6 @@
+.hide-test-frame {
+  position: absolute;
+  top: -9999px;
+  left: -9999px;
+  visibility: hidden;
+}

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;
-}

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 =>

packages/learn/src/templates/Challenges/project/tool-panel.css

@@ -0,0 +1,4 @@
+.project-tool-panel {
+  width: 100%;
+  padding: 0 15px;
+}