diff --git a/assets/css/analytics.scss b/assets/css/analytics.scss index 126bacca..1257be8d 100644 --- a/assets/css/analytics.scss +++ b/assets/css/analytics.scss @@ -118,6 +118,13 @@ body.mailchimp_page_mailchimp_sf_analytics { padding: 0 10px; width: 36px; border-inline-start: 1px solid #c3ced5; /* visual separator between text and icon */ + + svg { + display: block; + fill: #50575e; + height: 18px; + width: 18px; + } } #mailchimp-sf-date-picker-label { @@ -205,6 +212,7 @@ body.mailchimp_page_mailchimp_sf_analytics { } .mailchimp-sf-date-picker-input-wrap input[type="text"] { + padding-inline-start: 8px; padding-inline-end: 30px; /* RTL-aware: leave room for the calendar icon */ } } @@ -1027,7 +1035,7 @@ body.mailchimp_page_mailchimp_sf_analytics { [dir="rtl"] #mailchimp-sf-settings-page .mailchimp-sf-date-picker-field .mailchimp-sf-date-picker-input-wrap input[type="text"] { padding-left: 30px; - padding-right: 0; + padding-right: 8px; } @media screen and (max-width: 782px) { diff --git a/assets/js/analytics.js b/assets/js/analytics.js index 3db3ecc6..7994d06b 100644 --- a/assets/js/analytics.js +++ b/assets/js/analytics.js @@ -505,9 +505,9 @@ import { __ } from '@wordpress/i18n'; day: 'numeric', year: 'numeric', }); - return `${fmt.format(fromDate)} – ${fmt.format(toDate)}`; + return `\u2066${fmt.format(fromDate)} – ${fmt.format(toDate)}\u2069`; } catch (err) { - return `${from} – ${to}`; + return `\u2066${from} – ${to}\u2069`; } } @@ -948,9 +948,9 @@ import { __ } from '@wordpress/i18n'; day: 'numeric', year: 'numeric', }); - return `${fmt.format(fromDate)} – ${fmt.format(toDate)}`; + return `\u2066${fmt.format(fromDate)} – ${fmt.format(toDate)}\u2069`; } catch (err) { - return `${from} – ${to}`; + return `\u2066${from} – ${to}\u2069`; } } @@ -1326,9 +1326,9 @@ import { __ } from '@wordpress/i18n'; day: 'numeric', year: 'numeric', }); - return `${fmt.format(fromDate)} – ${fmt.format(toDate)}`; + return `\u2066${fmt.format(fromDate)} – ${fmt.format(toDate)}\u2069`; } catch (err) { - return `${from} – ${to}`; + return `\u2066${from} – ${to}\u2069`; } }