From 61a40a8580ebc7827e8bbd51008c374b2f76f6a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Martin=20Ra=C4=8D=C3=A1k?= <martin.racak@ourworldindata.org>
Date: Thu, 23 Jan 2025 09:41:39 +0100
Subject: [PATCH] Fix squished gallery buttons on iOS

---
 site/blocks/GalleryArrow.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/site/blocks/GalleryArrow.scss b/site/blocks/GalleryArrow.scss
index 0aa9dd41898..1e66fede18a 100644
--- a/site/blocks/GalleryArrow.scss
+++ b/site/blocks/GalleryArrow.scss
@@ -6,6 +6,7 @@ button.gallery-arrow {
     justify-content: center;
     width: $gallery-navigation-button-size;
     height: $gallery-navigation-button-size;
+    padding: 0;
     font-size: 1.2rem;
     border: 2px solid $oxford-blue;
     border-radius: 50%;
@@ -13,10 +14,12 @@ button.gallery-arrow {
     color: $blue-100;
     cursor: pointer;
     background: none;
+
     &:hover {
         color: white;
         background-color: $oxford-blue;
     }
+
     &:disabled {
         color: lightgrey;
         border-color: lightgrey;