Improved the spacing around the main buttons.

williamtroup · Jan 17, 2024 · 70f2462 · 70f2462
1 parent 7512c93
commit 70f2462
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 2 deletions.
diff --git a/dist/heat.js.css b/dist/heat.js.css
@@ -89,6 +89,9 @@ div.heat-js div.title-bar button.active {
 div.heat-js div.title-bar button.back {
   margin-left: calc(var(--heat-js-spacing) * 2) !important;
 }
+div.heat-js div.title-bar button.export {
+  margin-right: calc(var(--heat-js-spacing) / 2) !important;
+}
 div.heat-js div.title-bar div.year-text {
   margin-left: var(--heat-js-spacing);
   margin-right: var(--heat-js-spacing);

diff --git a/dist/heat.js.css.map b/dist/heat.js.css.map
diff --git a/dist/heat.js.min.css b/dist/heat.js.min.css
diff --git a/docs/CHANGE_LOG.md b/docs/CHANGE_LOG.md
@@ -15,6 +15,7 @@
 - The buttons will no longer show a focused outline effect when Bootstrap is being used.
 - Added new ":root" variable "--heat-js-day-border-color", which states the border color to use for the days.
 - Added new ":root" variable "--heat-js-day-spacing", which states the spacing to use for the days (now all even).
+- Improved the spacing around the main buttons.
 
 <br>
 

diff --git a/src/heat.js.scss b/src/heat.js.scss
@@ -115,6 +115,10 @@ div.heat-js {
             margin-left: calc( var(--heat-js-spacing) * 2 ) !important;
         }
 
+        button.export {
+            margin-right: calc( var(--heat-js-spacing) / 2 ) !important;
+        }
+
         div.year-text {
             margin-left: var(--heat-js-spacing);
             margin-right: var(--heat-js-spacing);