From 7ab0548fbc652cdc3e96b9661a64d83113d45e68 Mon Sep 17 00:00:00 2001 From: Thanh Phuoc Date: Tue, 24 Aug 2021 08:57:00 +0700 Subject: [PATCH] Added padding top to icon menu I used react-modal-image for a side project and was having troubles with the styling of .__react_modal_image__icon_menu (the icons stuck on top of the header) -> screenshots here: https://drive.google.com/drive/folders/1K3lUxucslQQG73ZQH05GvyRheOytizK_?usp=sharing So I think adding a padding-top with the same value as the one for .__react_modal_image__caption fixes the issue. --- src/styles.js | 1 + 1 file changed, 1 insertion(+) diff --git a/src/styles.js b/src/styles.js index 6095f3f..d66e6dd 100644 --- a/src/styles.js +++ b/src/styles.js @@ -87,6 +87,7 @@ export const lightboxStyles = ({ imageBackgroundColor }) => ` .__react_modal_image__icon_menu { display: inline-block; float: right; + padding-top: 10px; } .__react_modal_image__caption {