From 2a725adfa5ca6b72ba334d535588b55a0920326e Mon Sep 17 00:00:00 2001
From: Niek van der Maas <mail@niekvandermaas.nl>
Date: Mon, 6 Mar 2023 08:50:00 +0100
Subject: [PATCH] Fix code-aligning to the left, max column size - fixes #13

---
 src/App.svelte | 2 +-
 src/app.scss   | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/App.svelte b/src/App.svelte
index 8eecfa4..f50c561 100644
--- a/src/App.svelte
+++ b/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}
diff --git a/src/app.scss b/src/app.scss
index c00137f..6273ee8 100644
--- a/src/app.scss
+++ b/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";
\ No newline at end of file