From 41aad21c6e13bc31d4f6bab33736056fd3660dab Mon Sep 17 00:00:00 2001
From: tobi <31960611+tsmethurst@users.noreply.github.com>
Date: Thu, 6 Oct 2022 11:36:07 +0200
Subject: [PATCH] [frontend] Make emojis v. slightly larger (#891)

* make emojis v. slightly larger
2.5ex -> 2.75 ex by default (they still fit fine), and make em scale a bit larger on hover as well

* use em for emoji margin
---
 web/source/css/base.css   | 6 +++---
 web/source/css/status.css | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/source/css/base.css b/web/source/css/base.css
index 24b6e4bcc..d46d0931d 100644
--- a/web/source/css/base.css
+++ b/web/source/css/base.css
@@ -355,9 +355,9 @@ footer {
 }
 
 .emoji {
-	width: 2.5ex;
-	height: 2.5ex;
-	margin: -0.5ex 0 0;
+	width: 1.45em;
+	height: 1.45em;
+	margin: -0.2em 0.02em 0;
 	object-fit: contain;
 	vertical-align: middle;
 }
diff --git a/web/source/css/status.css b/web/source/css/status.css
index fbb323b29..3e20c7e87 100644
--- a/web/source/css/status.css
+++ b/web/source/css/status.css
@@ -183,7 +183,7 @@ main {
 		}
 
 		.emoji:hover, .emoji:active {
-			transform: scale(1.75);
+			transform: scale(2);
 			background-color: $bg;
 			box-shadow: $boxshadow;
 			border: $boxshadow-border;