From 93b8f93f093ae275b19cdd1cf0791776e0e56a03 Mon Sep 17 00:00:00 2001 From: Rua Haszard Date: Fri, 23 Feb 2024 13:16:12 +1300 Subject: [PATCH] tweak dismiss so note text is vertically centred: - short term fix - this hack & component will be replaced soon (InlineNotice, #8260) --- client/deposits/list/style.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/client/deposits/list/style.scss b/client/deposits/list/style.scss index 0343e372cfc..5b7ecafb8e9 100644 --- a/client/deposits/list/style.scss +++ b/client/deposits/list/style.scss @@ -6,3 +6,12 @@ $space-header-item: 12px; margin-right: $space-header-item; } } + +// Tweak dismiss button height so text is vertically centered. +// This is a short-term hack, this notice will be moving inside table and +// use an InlineNotice in future. +// https://github.com/Automattic/woocommerce-payments/issues/8260 +// Can delete this rule when that issue is fixed. +button.components-button.wcpay-banner-notice__dismiss.has-icon { + height: 20px; +}