Putting the button bar below the examples

Author: wilzbach

css/style.css

@@ -1746,6 +1746,9 @@ div.openInEditorButton {
 .unittest_examples .d_example_buttons {
     margin-top: 10px;
 }
+.unittest_examples .CodeMirror, .unittest_examples .d_code_output {
+    margin-top: 10px;
+}
 
 /* Style for the example run buttons on the Phobos library documentation */
 .d_example_buttons {

js/run_examples.js

@@ -71,18 +71,18 @@ $(document).ready(function()
 
         currentExample.replaceWith(
                 '<div class="unittest_examples">'
-                    + '<div class="d_example_buttons">'
-          + '<div class="editButton"><i class="fa fa-edit" aria-hidden="true"></i> Edit</div>'
-          + '<div class="runButton"><i class="fa fa-play" aria-hidden="true"></i> Run</div>'
-          + '<div class="resetButton"><i class="fa fa-undo " aria-hidden="true"></i> Reset</div>'
-          + '<div class="openInEditorButton" title="Open in an external editor"><i class="fa fa-external-link" aria-hidden="true"></i></div>'
-                    + '</div>'
                     + '<div class="d_code">'
                         + '<pre class="d_code">'+orig+'</pre>'
                     + '</div>'
                     + '<div class="d_run_code" style="display: block">'
                         + '<textarea class="d_code" style="display: none;"></textarea>'
                     + '</div>'
+                    + '<div class="d_example_buttons">'
+          + '<div class="editButton"><i class="fa fa-edit" aria-hidden="true"></i> Edit</div>'
+          + '<div class="runButton"><i class="fa fa-play" aria-hidden="true"></i> Run</div>'
+          + '<div class="resetButton"><i class="fa fa-undo " aria-hidden="true"></i> Reset</div>'
+          + '<div class="openInEditorButton" title="Open in an external editor"><i class="fa fa-external-link" aria-hidden="true"></i></div>'
+                    + '</div>'
                     + '<div class="d_code_output"><span class="d_code_title">Application output</span><br><pre class="d_code_output" readonly>Running...</pre>'
                 + '</div>'
         );