Fixed indent/newline issue for result code blocks

src/main/webapp/index.html

@@ -124,11 +124,15 @@
                        </form>
                     </div>
                     <div name="result_box" class="content-box__info-box" style="display: none;">
-                        <div name="result"></div>
-                        <!-- TODO: This should hide the result
-                        <img src="./media/images/close-icon.png" alt="Close icon" class="content-box__close-icon">
-                        -->
-                    </div>
+                        <pre>
+                            <code>
+                                <div name="result"></div>
+                                <!-- TODO: This should hide the result
+                                <img src="./media/images/close-icon.png" alt="Close icon" class="content-box__close-icon">
+                                -->
+	                    </code>
+                        </pre>
+		    </div>
                 </div>
             </div>
         </section>

src/main/webapp/media/css/highlight.js.obp.css

@@ -56,7 +56,6 @@
   overflow-x: auto;
   background: none;
   color: #695d69;
-  padding: 0.5em;
 }
 
 .hljs-emphasis {
@@ -65,4 +64,4 @@
 
 .hljs-strong {
   font-weight: bold;
-}
+}

src/main/webapp/media/css/style.css

@@ -261,6 +261,10 @@ a img {
   width: 97.1%;
   height: 100%;
 }
+.content-box pre {
+  margin: -45px 0px 0px 0px; /* remove somewhat invisible margin */
+  padding: 0;
+}
 .content-box:after {
   content: '';
   display: table;