Small UI optimizations and tweaks.

Author: Rexoflex

Spixi/Resources/Raw/html/css/spixiui-dark.css

@@ -1903,7 +1903,7 @@ img.emoji {
     width: 100%;
     display: flex;
     padding: 12px;
-    gap: 4px;
+    gap: 12px;
 }
 
 .single-payment-arrow {
@@ -2454,17 +2454,17 @@ img.emoji {
 }
 
 .spixi-bubble.default .statusIndicator {
-    color: var(--colors-icon-01);
+    color: var(--colors-icon-on-disabled);
     display: inline-block;
 }
 
 .spixi-bubble.sent .statusIndicator {
-    color: var(--colors-icon-01);
+    color: var(--colors-icon-on-disabled);
     display: inline-block;
 }
 
 .spixi-bubble.confirmed .statusIndicator {
-    color: var(--colors-icon-01);
+    color: var(--colors-icon-on-disabled);
     display: inline-block;
 }
 
@@ -4683,7 +4683,7 @@ img.emoji {
 
 .spixi-chat-item-left {
     display: flex;
-    gap: 8px;
+    gap: 12px;
     flex: 1;
     min-width: 0;
 }

Spixi/Resources/Raw/html/css/spixiui-light.css

@@ -1880,11 +1880,11 @@ img.emoji {
 
 /* ListItems */
 
-.single-payment-container{
+.single-payment-container {
     width: 100%;
     display: flex;
     padding: 12px;
-    gap: 4px;
+    gap: 12px;
 }
 
 .single-payment-arrow{
@@ -4653,7 +4653,7 @@ img.emoji {
 
 .spixi-chat-item-left {
     display: flex;
-    gap: 8px;
+    gap: 12px;
     flex: 1;
     min-width: 0;
 }

Spixi/Resources/Raw/html/js/chat.js

@@ -941,13 +941,13 @@ function updateMessage(id, message, sent, confirmed, read, paid) {
 
             if (msgEl.className.includes("spixi-bubble myself")) {
                 if (additionalClasses.includes("sent")) {
-                    statusEl.className = "statusIndicator fas fa-arrow-right";
+                    statusEl.className = "statusIndicator fas fa-check";
                 } else if (additionalClasses.includes("default")) {
                     statusEl.className = "statusIndicator fas fa-clock";
                 } else if (additionalClasses.includes("read")) {
                     statusEl.className = "statusIndicator fas fa-check-double";
                 } else {
-                    statusEl.className = "statusIndicator fas fa-check";
+                    statusEl.className = "statusIndicator fas fa-check-double";
                 }
             }
         }

Spixi/Resources/Raw/html/js/home.js

@@ -1,4 +1,4 @@
-var searchingContacts = false;
+var searchingContacts = false;
 var timeoutId = 0;
 var balance = "0";
 var fiatBalance = "0";
@@ -396,10 +396,10 @@ function addChat(wallet, from, timestamp, avatar, online, excerpt_msg, type, unr
             readIndicator = '<i class="spixi-chat-read-indicator spixi-chat-read-indicator-read fas fa-check-double"></i>';
             break;
         case "confirmed":
-            readIndicator = '<i class="spixi-chat-read-indicator spixi-chat-read-indicator-confirmed fas fa-check"></i>';
+            readIndicator = '<i class="spixi-chat-read-indicator spixi-chat-read-indicator-confirmed fas fa-check-double"></i>';
             break;
         case "pending":
-            readIndicator = '<i class="spixi-chat-read-indicator spixi-chat-pending-indicator fas fa-arrow-right"></i>';
+            readIndicator = '<i class="spixi-chat-read-indicator spixi-chat-pending-indicator fas fa-check"></i>';
             break;
         case "default":
             readIndicator = '<i class="spixi-chat-read-indicator spixi-chat-default-indicator fas fa-clock"></i>';