Replaced hr with enforced margin.

app/assets/javascripts/editor/evaluation.js.erb

@@ -154,7 +154,7 @@ CodeOceanEditorEvaluation = {
   //TODO: Move Prompt Part in own component
   showPrompt: function(msg) {
     var label = $('#prompt .input-group-addon');
-    var prompt = $(this.prompt)
+    var prompt = $(this.prompt);
     label.text(msg.data || label.data('prompt'));
     if (prompt.isPresent() && prompt.hasClass('hidden')) {
       prompt.removeClass('hidden');
@@ -163,7 +163,7 @@ CodeOceanEditorEvaluation = {
   },
 
   hidePrompt: function() {
-    var prompt = $(this.prompt)
+    var prompt = $(this.prompt);
     if (prompt.isPresent() && !prompt.hasClass('hidden')) {
       prompt.addClass('hidden');
     }

app/assets/stylesheets/editor.css.scss

@@ -167,4 +167,8 @@ button i.fa-spin {
   -webkit-transition: height 2s;
   transition: height 2s;
   visibility: visible;
+}
+
+.enforce-big-top-margin {
+  margin-top: 15px !important;
 }

app/views/exercises/_editor_output.html.slim

@@ -3,17 +3,15 @@ div id='output_sidebar_collapsed'
 div id='output_sidebar_uncollapsed' class='hidden col-sm-12' data-message-no-output=t('exercises.implement.no_output')
   .row
     = render('editor_button', classes: 'btn-block btn-primary btn-sm', icon: 'fa fa-minus-square', id: 'toggle-sidebar-output', label: t('exercises.editor.collapse_sidebar'))
-  hr
-  div
+  div.enforce-big-top-margin
     #turtlediv
       canvas#turtlecanvas.hidden width=400 height=400 style='border-style:solid;border-width:thin'
-  hr
-  div
+  div.enforce-big-top-margin
     #hint
       .panel.panel-warning
         .panel-heading = t('exercises.implement.hint')
         .panel-body
-  div
+  div.enforce-big-top-margin
     #prompt.input-group.hidden
       span.input-group-addon data-prompt=t('exercises.editor.input') = t('exercises.editor.input')
       input#prompt-input.form-control type='text'