From 67e5abcf31acec1a0bc27bdef5b7eb6c8fe80743 Mon Sep 17 00:00:00 2001
From: Will Hunt <will@half-shot.uk>
Date: Mon, 11 Nov 2024 11:29:59 +0000
Subject: [PATCH] shrink the reaction buttons on low screen widths

---
 src/button/ReactionToggleButton.module.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/button/ReactionToggleButton.module.css b/src/button/ReactionToggleButton.module.css
index f097c917..7c97c2de 100644
--- a/src/button/ReactionToggleButton.module.css
+++ b/src/button/ReactionToggleButton.module.css
@@ -46,6 +46,16 @@
   border-radius: var(--cpd-radius-pill-effect);
 }
 
+@media (max-width: 800px) {
+  .reactionButton {
+    padding: 1em;
+    font-size: 1em;
+    width: 1em;
+    height: 1em;
+    min-block-size: unset;
+  }
+}
+
 .verticalSeperator {
   background-color: var(--cpd-color-gray-800);
   width: 1px;