fix/Prevent snippet from overflowing x

Author: LewisYoul

app/javascript/snippet-show.vue

@@ -11,7 +11,7 @@
     </div>
       <p class="snippet-show--description">{{ snippetDup.description }}</p>
       <div style="display: flex; flex-direction: column;">
-        <code-highlight :highlighted-code="snippet.highlighted_body"></code-highlight>
+        <code-highlight style="overflow-x: scroll;" :highlighted-code="snippet.highlighted_body"></code-highlight>
         <action-button-bar :snippet="snippetDup"></action-button-bar>
       </div>
     </card>

app/views/layouts/application.html.erb

@@ -30,7 +30,7 @@
           <div style="flex: 1; margin-right: 16px;">
             <%= render 'shared/sidebar' %>
           </div>
-          <div style="flex: 4;">
+          <div style="flex: 4; min-width: 300px;">
             <%= yield %>
           </div>
         </div>