diff --git a/baker/formatWordpressPost.tsx b/baker/formatWordpressPost.tsx index 3e8c3ace037..cc54c4570bf 100644 --- a/baker/formatWordpressPost.tsx +++ b/baker/formatWordpressPost.tsx @@ -266,9 +266,11 @@ export const formatWordpressPost = async ( /(\+ )?[a|A]dd [c|C]ountry/g, ` - + + + - Add country + Edit countries and regions ` ) diff --git a/site/css/content.scss b/site/css/content.scss index 8ddb6784bd4..7398bd544af 100644 --- a/site/css/content.scss +++ b/site/css/content.scss @@ -256,39 +256,22 @@ figure[data-explorer-src] { .article-content { span.add-country { font-size: 0.9rem; - font-weight: bold; - color: $controls-color; + font: 400 13px/16px Lato, "Helvetica Neue", Helvetica, Arial, + "Liberation Sans", sans-serif; + letter-spacing: 0.01em; + display: inline-flex; + align-items: center; + border: 1px solid #e7e7e7; + border-radius: 4px; + padding: 5px 7px; + color: #5b5b5b; + white-space: nowrap; + margin: -5px 0px -5px -2px; .icon { - position: relative; - display: inline-block; - width: 16px; - height: 16px; - margin-right: 3px; - vertical-align: text-bottom; - - svg { - position: absolute; - top: 0; - left: 0; - } - - path { - stroke: #fff; - stroke-width: 2px; - } - - &::before { - display: block; - content: ""; - position: absolute; - left: 0; - top: 0; - width: 16px; - height: 16px; - background-color: $controls-color; - border-radius: 50%; - } + width: 0.75rem; + height: 0.75rem; + margin-right: 5px; } } }