make chat work again + some weird formatting... again

lnbits/extensions/shop/templates/shop/index.html

@@ -1242,19 +1242,22 @@
         this.newMessage = ''
         this.$refs.newMessage.focus()
       },
-      async sendMessage() {
-        let orderPublicKey = this.orders.find(
+      sendMessage() {
+        // we need Buffer to make this play nice
+
+        /*let orderPublicKey = this.orders.find(
           o => o.invoiceid == this.customerKey
-        ).pubkey
-        let ciphertext = nostr.nip04.encrypt(
+        ).pubkey*/
+
+        /*let ciphertext = nostr.nip04.encrypt(
           this.keys.privkey,
           orderPublicKey,
           this.newMessage
-        )
+        )*/
 
         let message = {
-          msg: ciphertext,
-          pubkey: this.keys.publickey
+          msg: this.newMessage,
+          pubkey: this.keys.pubkey
         }
 
         // if diagon alley mode is active create a propper event
@@ -1373,6 +1376,7 @@
     padding: 1rem;
     overflow-y: auto;
     margin-left: auto;
+    width: 50%;
   }
 
   .chat-messages {

lnbits/extensions/shop/templates/shop/order.html

@@ -2,7 +2,7 @@
 <div class="row q-col-gutter-md flex">
   <div class="col-12 col-md-7 col-lg-6 q-gutter-y-md">
     <q-card>
-      <div class="chat-container">
+      <div class="chat-container q-pa-md">
         <div class="chat-box">
           <!-- <p v-if="Object.keys(messages).length === 0">No messages yet</p> -->
           <div class="chat-messages">
@@ -489,7 +489,7 @@
     display: grid;
     grid-template-rows: 1fr auto;
     /*height: calc(100vh - 200px);*/
-    height: 50vh;
+    height: 70vh;
   }
 
   .chat-box {
@@ -498,6 +498,7 @@
     padding: 1rem;
     overflow-y: auto;
     margin-left: auto;
+    width: 50%;
   }
 
   .chat-messages {