From 472a6aa7e16fed241d59cb8ec097aebf0abfb1b9 Mon Sep 17 00:00:00 2001 From: Darin Kotter Date: Wed, 19 Apr 2023 15:26:58 -0600 Subject: [PATCH] Modify styles slightly for notices on smaller screens --- .../client/legacy/css/twenty-twenty-one.scss | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/plugins/woocommerce/client/legacy/css/twenty-twenty-one.scss b/plugins/woocommerce/client/legacy/css/twenty-twenty-one.scss index 903ccaccb67..9a15b36cadb 100644 --- a/plugins/woocommerce/client/legacy/css/twenty-twenty-one.scss +++ b/plugins/woocommerce/client/legacy/css/twenty-twenty-one.scss @@ -3050,6 +3050,20 @@ a.reset_variations { } } +@media only screen and (max-width: 768px) { + .woocommerce-message, + .woocommerce-error li, + .woocommerce-info { + padding: 1rem 1.5rem; + + .button { + margin-left: 10px; + min-width: 100px; + padding: 10px 15px !important; + } + } +} + .woocommerce-info { border-top-color: var( --wc-blue ); }