Fix(challenges): make challenge height auto

closes #9347

client/less/challenge.less

@@ -1,3 +1,8 @@
+.challenges-editor {
+  height: 100%;
+  width: 99%;
+}
+
 .challenge-step-description {
   font-size: 1.5em;
 }

client/less/code-mirror.less

@@ -0,0 +1,27 @@
+.CodeMirror span {
+  font-size: 18px;
+  font-family: "Ubuntu Mono";
+  padding-bottom: 0px;
+  margin-bottom: 0px;
+  height: 100%;
+}
+
+.CodeMirror {
+  border-radius: 5px;
+  height: auto;
+  line-height: 1 !important;
+}
+
+.CodeMirror-linenumber {
+  font-size: 18px;
+  font-family: "Ubuntu Mono";
+}
+
+.CodeMirror-scroll {
+  padding-bottom: 30px;
+}
+
+.challenge-log .CodeMirror {
+  height: 100%;
+  width: 100%;
+}

client/less/main.less

@@ -686,53 +686,19 @@ form.update-email .btn{
   fill: #ddd !important
 }
 
-.CodeMirror span {
-  font-size: 18px;
-  font-family: "Ubuntu Mono";
-  padding-bottom: 0px;
-  margin-bottom: 0px;
-  height: 100%;
-}
-
-.CodeMirror {
-  line-height: 1 !important;
-}
-
-.CodeMirror-linenumber {
-  font-size: 18px;
-  font-family: "Ubuntu Mono";
-}
-
-.challenges-editor {
-  height: 100%;
-  width: 99%;
-}
-
 .scroll-locker {
   overflow-x: hidden;
   overflow-y: auto;
 }
 
-div.CodeMirror-scroll {
-  padding-bottom: 30px;
-}
-
 .test-vertical-center {
   margin-top: 8px;
 }
 
-.cm-s-monokai.CodeMirror {
-  border-radius: 5px;
-}
 .courseware-height {
   min-height: 650px;
 }
 
-.challenge-log .CodeMirror {
-  height: 100%;
-  width: 100%;
-}
-
 .btn {
   font-weight: 400;
   white-space: normal;
@@ -1168,6 +1134,7 @@ and (max-width : 400px)  {
 
 @import "chat.less";
 @import "jobs.less";
+@import 'code-mirror.less';
 @import "challenge.less";
 @import "toastr.less";
 @import "map.less";

server/views/partials/react-stylesheets.jade

@@ -1,10 +1,10 @@
 link(rel='stylesheet', type='text/css' href='/css/lato.css')
 link(rel='stylesheet', type='text/css' href='/css/ubuntu.css')
 link(rel='stylesheet', href='/bower_components/font-awesome/css/font-awesome.min.css')
-link(rel='stylesheet', href=rev('/css', 'main.css'))
 link(rel='stylesheet', href='/bower_components/CodeMirror/lib/codemirror.css')
 link(rel='stylesheet', href='/bower_components/CodeMirror/addon/lint/lint.css')
 link(rel='stylesheet', href='/bower_components/CodeMirror/theme/monokai.css')
+link(rel='stylesheet', href=rev('/css', 'main.css'))
 
 include meta
 meta(charset='utf-8')