From 2c183af8c8350df0db704950b375e653e56c5d2a Mon Sep 17 00:00:00 2001
From: DJ2LS <75909252+DJ2LS@users.noreply.github.com>
Date: Thu, 10 Nov 2022 13:02:17 +0100
Subject: [PATCH] smaller GUI adjustments

---
 gui/preload-chat.js |  4 ++--
 gui/src/styles.css  | 11 +++++++++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/gui/preload-chat.js b/gui/preload-chat.js
index ef83abf0..54a0c924 100644
--- a/gui/preload-chat.js
+++ b/gui/preload-chat.js
@@ -614,7 +614,7 @@ update_chat = function(obj) {
                     <div class="card border-light bg-light" id="msg-${obj._id}">
                       ${fileheader}
                                             
-                      <div class="card-body p-0">
+                      <div class="card-body rounded-3 p-0">
                         <p class="card-text p-2 mb-0 text-break text-wrap">${message_html}</p>
                         <p class="text-right mb-0 p-1 text-white" style="text-align: left; font-size : 0.9rem">
                             <span class="badge bg-light text-muted">${timestamp}</span>  
@@ -655,7 +655,7 @@ update_chat = function(obj) {
                     <div class="card border-primary  bg-primary" id="msg-${obj._id}">
                     ${fileheader}
                     
-                      <div class="card-body p-0 text-right bg-primary">
+                      <div class="card-body rounded-3 p-0 text-right bg-primary">
                         <p class="card-text p-1 mb-0 text-white text-break text-wrap">${message_html}</p>
                         <p class="text-right mb-0 p-1 text-white" style="text-align: right; font-size : 0.9rem">
                             <span class="text-light" style="font-size: 0.7rem;">${timestamp} - </span>
diff --git a/gui/src/styles.css b/gui/src/styles.css
index ca91b734..9d0b3caf 100644
--- a/gui/src/styles.css
+++ b/gui/src/styles.css
@@ -37,7 +37,7 @@ html {
     padding: 1px;
 }
 
-
+/* ------ fixed border table header --------- */
 .tableFixHead          {
 overflow: auto;
 height: 90vh;
@@ -47,4 +47,11 @@ height: 90vh;
 /* Just common table stuff. Really. */
 table  { border-collapse: collapse; width: 100%; }
 th, td { padding: 8px 16px; }
-th     { background:#eee; }
\ No newline at end of file
+th     { background:#eee; }
+
+
+/* ------ emoji picker customization --------- */
+.picker {
+    border-radius: 10px:
+
+}
\ No newline at end of file