diff --git a/src/tools.js b/src/tools.js index 4f89495..8ba8280 100644 --- a/src/tools.js +++ b/src/tools.js @@ -842,13 +842,13 @@ ctx.fillRect(x, y, w, h); ctx.restore(); } else { - ctx.save(); - ctx.fillStyle = ctx.strokeStyle; - ctx.fillRect(x, y, stroke_size, h); - ctx.fillRect(x+w-stroke_size, y, stroke_size, h); - ctx.fillRect(x, y, w, stroke_size); - ctx.fillRect(x, y+h-stroke_size, w, stroke_size); - ctx.restore(); + ctx.save(); + ctx.fillStyle = ctx.strokeStyle; + ctx.fillRect(x, y, stroke_size, h); + ctx.fillRect(x + w - stroke_size, y, stroke_size, h); + ctx.fillRect(x, y, w, stroke_size); + ctx.fillRect(x, y + h - stroke_size, w, stroke_size); + ctx.restore(); } } }, diff --git a/styles/layout.css b/styles/layout.css index b26a975..c5c3bd8 100644 --- a/styles/layout.css +++ b/styles/layout.css @@ -594,7 +594,7 @@ html, body, .jspaint { max-width: 230px; float: right; margin: 5px; - box-sizing: border-box; + box-sizing: border-box; } .save-as .window-content > form > div > label:not(:first-of-type) { margin-top: 8px; @@ -704,7 +704,7 @@ html, body, .jspaint { .dialog-window:not(.horizontal-buttons):not(.edit-colors-window) .window-content .button-group { padding-left: 10px; display: flex; - flex-direction: column; + flex-direction: column; gap: 5px; } @@ -766,11 +766,11 @@ html, body, .jspaint { } .custom-zoom-window .fieldset-body { display: flex; - flex-flow: column wrap; - width: 240px; + flex-flow: column wrap; + width: 240px; height: 70px; - padding: 12px 5px; - row-gap: 10px; + padding: 12px 5px; + row-gap: 10px; } .custom-zoom-window bdi { margin: 0 10px; diff --git a/styles/layout.rtl.css b/styles/layout.rtl.css index 93baf4d..b5e358b 100644 --- a/styles/layout.rtl.css +++ b/styles/layout.rtl.css @@ -594,7 +594,7 @@ html, body, .jspaint { max-width: 230px; float: left; margin: 5px; - box-sizing: border-box; + box-sizing: border-box; } .save-as .window-content > form > div > label:not(:first-of-type) { margin-top: 8px; @@ -704,7 +704,7 @@ html, body, .jspaint { .dialog-window:not(.horizontal-buttons):not(.edit-colors-window) .window-content .button-group { padding-right: 10px; display: flex; - flex-direction: column; + flex-direction: column; gap: 5px; } @@ -766,11 +766,11 @@ html, body, .jspaint { } .custom-zoom-window .fieldset-body { display: flex; - flex-flow: column wrap; - width: 240px; + flex-flow: column wrap; + width: 240px; height: 70px; - padding: 12px 5px; - row-gap: 10px; + padding: 12px 5px; + row-gap: 10px; } .custom-zoom-window bdi { margin: 0 10px; diff --git a/styles/themes/winter.css b/styles/themes/winter.css index 00c689f..7d63b83 100644 --- a/styles/themes/winter.css +++ b/styles/themes/winter.css @@ -154,7 +154,7 @@ button.grinch-button { right: 0px; width: 100px; height: 179px; - z-index: 2; + z-index: 2; background-image: url("../../images/winter/grinch-smile-spritesheet.png"); border: 0; background-color: transparent;