Fix code-aligning to the left, max column size - fixes #13

src/App.svelte

@@ -21,7 +21,7 @@
       <div class="column is-one-fifth">
         <Sidebar bind:apiKey bind:sortedChats bind:activeChatId />
       </div>
-      <div class="column">
+      <div class="column is-four-fifths">
         {#if activeChatId}
           <Chat bind:chatId={activeChatId} />
         {:else}

src/app.scss

@@ -38,6 +38,11 @@ a.is-disabled {
   overflow-y:hidden;
 }
 
+/* Left-align code blocks in messages */
+.message-body > pre {
+  text-align: left !important;
+}
+
 $footer-padding: 3rem 1.5rem;
 
 @import "/node_modules/bulma/bulma.sass";