Layout tweaks.

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "localm",
-  "version": "1.0.6",
+  "version": "1.1.7",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "localm",
-      "version": "1.0.6",
+      "version": "1.1.7",
       "license": "ISC",
       "dependencies": {
         "@huggingface/transformers": "^3.7.2",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "localm",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "description": "",
   "main": "chat-full.js",
   "scripts": {

src/app/app.css

@@ -11,29 +11,49 @@ body {
   grid-template: 1fr auto / 1fr;
 }
 
-.chat-log {
+.milkdown {
   display: grid;
   grid-template: 1fr / 1fr;
+  padding: 0;
+
+  .ProseMirror {
+    padding: 0.6em 1em;
+    font-family: inherit;
+    white-space: pre-wrap;
+    outline: none;
+    margin: 0;
+  }
+}
+
+.chat-log {
+  position: relative;
+
+  .milkdown {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+
+    .ProseMirror {
+      overflow: auto;
+    }
+  }
 }
 
 .chat-input {
   border-top: solid 1px black;
   display: grid;
   grid-template: 1fr auto / 1fr;
-}
-
-.prose-mirror {
-  overflow-y: auto;
-}
 
-.milkdown {
-  display: grid;
-  grid-template: 1fr / 1fr;
-}
+  .milkdown {
+    display: grid;
+    grid-template: 1fr / 1fr;
+    background: white;
 
-.milkdown .ProseMirror {
-  padding: 0.6em 1em;
-  font-family: inherit;
-  white-space: pre-wrap;
-  outline: none;
+    .ProseMirror {
+      max-height: 20vh;
+      overflow: auto;
+    }
+  }
 }