From 13ca4d74aa223d9aa4c3b5c780371087c148a36a Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Fri, 22 Mar 2024 13:06:31 +0100
Subject: [PATCH] Message: Improve design for read date (#4408)

---
 .../message/ReadTimeMenuItem.module.scss      | 27 ++++++++++---------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/src/components/middle/message/ReadTimeMenuItem.module.scss b/src/components/middle/message/ReadTimeMenuItem.module.scss
index c273c15b7..072f7d75d 100644
--- a/src/components/middle/message/ReadTimeMenuItem.module.scss
+++ b/src/components/middle/message/ReadTimeMenuItem.module.scss
@@ -11,25 +11,25 @@
   }
 
   :global(.icon) {
-    margin-left: 0;
-    margin-right: 0.25rem;
-  }
-
-  &[dir="rtl"] {
-    :global(.icon) {
-      margin-left: 0.25rem;
-      margin-right: 0;
-    }
+    margin-inline-end: 0.25rem;
   }
 }
 
 .get {
   cursor: var(--custom-cursor, pointer);
-  margin-left: 0.375rem;
-  border-radius: 0.5rem;
-  padding: 0.125rem 0.375rem;
-  background: var(--color-background-menu-separator);
+  font-size: 0.6875rem;
+  margin-inline-start: 0.375rem;
+  border-radius: 1rem;
+  padding: 0.1875rem 0.375rem;
   pointer-events: all;
+  font-weight: 500;
+  transition: 150ms filter ease-in;
+  background: var(--color-background-menu-separator);
+  filter: opacity(0.8);
+
+  &:hover {
+    filter: brightness(1.10);
+  }
 }
 
 .skeleton {
@@ -41,4 +41,5 @@
 
 .transition {
   height: 1.5rem;
+  width: auto;
 }