fix message sorting, improve UI

src/Model/chatModel.ts

@@ -133,7 +133,7 @@ export class ChatModel {
     const messageIds: string[] = this.storageModel.list(this.messageDirPath);
     if (!Array.isArray(messageIds)) return [];
 
-    let messages: ChatMessage[] = [];
+    const messages: ChatMessage[] = [];
     for (const messageId of messageIds) {
       const messagePath: string[] = this.getMessagePath(messageId);
       const message: any = this.storageModel.restoreStringifiable(messagePath);
@@ -141,14 +141,18 @@ export class ChatModel {
 
       messages.push(message);
     }
-    return messages;
+
+    const sorted = messages.sort((a, b) =>
+      a.dateSent.localeCompare(b.dateSent)
+    );
+    return sorted;
   }
 
   get objects(): ChatObject[] {
     const objectIds: string[] = this.storageModel.list(this.objectDirPath);
     if (!Array.isArray(objectIds)) return [];
 
-    let objects: ChatObject[] = [];
+    const objects: ChatObject[] = [];
     for (const objectId of objectIds) {
       const objectPathComponents: string[] = this.getObjectPath(objectId);
       const object: any =

src/View/ChatPages/messagePage.css

@@ -25,12 +25,11 @@
   max-width: unset;
 
   flex: 1;
+
+  border-top: 1px solid var(--border);
 }
 
 @media (max-width: 700px) {
-  #message-page #composer {
-    border-top: 1px solid var(--border);
-  }
 
   #message-page #composer div {
     width: 100%;