From fdb75a1e77d47a3aa814bc18c298742a4565aa6c Mon Sep 17 00:00:00 2001
From: jojomatik <dev@jojomatik.de>
Date: Sun, 1 Jan 2023 11:54:59 +0100
Subject: [PATCH] fix: reduce zoom button size to image dimensions

Reduce the size of the zoom button to the dimensions of the image. Change `flex-direction` of the zoomable container to `column` and align its items `center`. Set `max-width` and `max-height` of the zoom button to `100%` to prevent overflows.

Fixes #5586
---
 stylesheets/components/Lightbox.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/stylesheets/components/Lightbox.scss b/stylesheets/components/Lightbox.scss
index 6112bc23954e..b72fbda174ab 100644
--- a/stylesheets/components/Lightbox.scss
+++ b/stylesheets/components/Lightbox.scss
@@ -131,12 +131,16 @@
 
   &__zoomable-container {
     display: flex;
+    flex-direction: column;
     justify-content: center;
+    align-items: center;
     margin: 0 40px;
   }
 
   &__zoom-button {
     @include button-reset;
+    max-height: 100%;
+    max-width: 100%;
     cursor: zoom-in;
   }