Merge pull request #311 from devgeniem/TMS-561

TMS-561: Adjust sitemap button styles
devgeniem · Dec 14, 2021 · a3280f9 · a3280f9
2 parents 4585f48 + c91818a
commit a3280f9
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/CHANGELOG.MD b/CHANGELOG.MD
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+### Changed 
+
+- TMS-561: Adjust sitemap button styles #311
+
 ## [1.30.2] - 2021-12-14
 
 ### Added

diff --git a/assets/scripts/sitemap.js b/assets/scripts/sitemap.js
@@ -72,7 +72,7 @@ export default class Sitemap {
 
             const toggler = $( Common.makeButton(
                 button,
-                'ml-3 button is-primary pt-1 pb-1 pl-3 pr-3 button-toggle sitemap--toggle'
+                'ml-3 button is-primary button-toggle sitemap--toggle'
             ) );
 
             // ID for children ul, to attach aria-controls labels.

diff --git a/assets/styles/layouts/_sitemap.scss b/assets/styles/layouts/_sitemap.scss
@@ -1,5 +1,13 @@
 .sitemap {
     &--toggle {
+        display: inline-flex;
+        align-items: center;
+        justify-items: center;
+        width: 1.25rem;
+        height: 1.25rem;
+        margin-top: .25rem;
+        padding: 0 !important;
+
         .icon {
             margin-right: 0 !important; // sass-lint:disable-line no-important
             margin-left: 0 !important; // sass-lint:disable-line no-important