From 78c56aae30849611e94e0bd3b17b6efcb7664ef5 Mon Sep 17 00:00:00 2001
From: Justin Ferrari <‘justinwesleyferrari@gmail.com’>
Date: Wed, 9 Nov 2022 11:44:35 -0500
Subject: [PATCH] Arrow down icon styling fix

---
 .../plugins/core/components/ChatScroller-css.js             | 6 +++++-
 qortal-ui-plugins/plugins/core/components/ChatScroller.js   | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/qortal-ui-plugins/plugins/core/components/ChatScroller-css.js b/qortal-ui-plugins/plugins/core/components/ChatScroller-css.js
index 4cef55ba..66bddb43 100644
--- a/qortal-ui-plugins/plugins/core/components/ChatScroller-css.js
+++ b/qortal-ui-plugins/plugins/core/components/ChatScroller-css.js
@@ -46,7 +46,7 @@ export const chatStyles = css`
 
 	.last-message-ref {
 		position: fixed;
-		font-size: 20px;
+		font-size: 18px;
 		right: 40px;
 		bottom: 100px;
 		width: 50;
@@ -64,6 +64,10 @@ export const chatStyles = css`
 		transform: scale(1.1);
 	}
 
+	.arrow-down-icon {
+		transform: scale(1.15);
+	}
+
 	.chat-list {
 		overflow-y: auto;
 		overflow-x: hidden;
diff --git a/qortal-ui-plugins/plugins/core/components/ChatScroller.js b/qortal-ui-plugins/plugins/core/components/ChatScroller.js
index df7b7995..8180d967 100644
--- a/qortal-ui-plugins/plugins/core/components/ChatScroller.js
+++ b/qortal-ui-plugins/plugins/core/components/ChatScroller.js
@@ -68,7 +68,7 @@ class ChatScroller extends LitElement {
                 )}
                 <div id='downObserver'></div>
                 <div class='last-message-ref'>
-                    <vaadin-icon icon='vaadin:arrow-circle-down' slot='icon' @click=${() => {
+                    <vaadin-icon class='arrow-down-icon' icon='vaadin:arrow-circle-down' slot='icon' @click=${() => {
                         this.shadowRoot.getElementById('downObserver').scrollIntoView({
                             behavior: 'smooth',
                         })