about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/components/icon_button.js
diff options
context:
space:
mode:
authorClaire <claire.github-309c@sitedethib.com>2022-06-16 15:37:59 +0200
committerGitHub <noreply@github.com>2022-06-16 15:37:59 +0200
commit7a75bce1b43df290baf6842e2bb3d3eb0acd76d5 (patch)
tree2b6df1d26f318835cafc5cfe86541b19e12be692 /app/javascript/flavours/glitch/components/icon_button.js
parent800e87ae9133c748606d2461613d85597033fea2 (diff)
Fix checkmark on interaction buttons with larger fonts (#1799)
Fixes #1796
Diffstat (limited to 'app/javascript/flavours/glitch/components/icon_button.js')
-rw-r--r--app/javascript/flavours/glitch/components/icon_button.js4
1 files changed, 2 insertions, 2 deletions
diff --git a/app/javascript/flavours/glitch/components/icon_button.js b/app/javascript/flavours/glitch/components/icon_button.js
index 3999409cd..9a05badd0 100644
--- a/app/javascript/flavours/glitch/components/icon_button.js
+++ b/app/javascript/flavours/glitch/components/icon_button.js
@@ -86,13 +86,13 @@ export default class IconButton extends React.PureComponent {
   render () {
     let style = {
       fontSize: `${this.props.size}px`,
-      height: `${this.props.size * 1.28571429}px`,
+      height: '1.28571429em',
       lineHeight: `${this.props.size}px`,
       ...this.props.style,
       ...(this.props.active ? this.props.activeStyle : {}),
     };
     if (!this.props.label) {
-      style.width = `${this.props.size * 1.28571429}px`;
+      style.width = '1.28571429em';
     } else {
       style.textAlign = 'left';
     }