My understanding is that you would like to turn the basic info into a normal, scrollable textbox like seen in this code's history tab?

All you have to do is go to Line 90 where it says <div class="row no-gutters"> and delete everything until Line 131.  Then, under the <!---------- [ INFO ] ---------->, add this:
<div class="text-muted">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Euismod quis viverra nibh cras pulvinar.</p>
<p>Nunc sed velit dignissim sodales ut eu sem. Porta non pulvinar neque laoreet suspendisse interdum. Blandit aliquam etiam erat velit scelerisque in dictum non.</p>
<p>A scelerisque purus semper eget duis. Ut sem nulla pharetra diam sit. Eu non diam phasellus vestibulum. Morbi tincidunt ornare massa eget egestas purus viverra. Facilisi nullam vehicula ipsum a arcu cursus. Pharetra vel turpis nunc eget lorem dolor sed.</p>

</div>

I don't know if you wanted to delete the AESTHETICS as well, but you pretty much delete it too.  If you can see little arrows on the side of the numbers (when on Code Editor), you can click them to "collapse" the coding group and delete that to make the process a little easier.  If you're still struggling, I highly suggest heading to the Help Forum instead! :]