diff --git a/app/static/css/editor.css b/app/static/css/editor.css index 4b1c951..704c30b 100644 --- a/app/static/css/editor.css +++ b/app/static/css/editor.css @@ -9,14 +9,15 @@ .editor .btn-group button { width: 32px; height: 32px; - padding: 4px; + padding: 6px; background-color: var(--background); } .editor .btn-group button:hover { background: var(--background-hover); } .editor .btn-group button > svg { - width: 25px; + width: 20px; + height: 20px; } .editor .btn-group button > svg > path, .editor .btn-group button > svg > rect { diff --git a/app/static/less/editor.less b/app/static/less/editor.less index b9593ea..cf1c6e5 100644 --- a/app/static/less/editor.less +++ b/app/static/less/editor.less @@ -12,8 +12,8 @@ button { width: 32px; height: 32px; - /* This centers the 24x24 SVG in the button */ - padding: 4px; + /* This centers the 20x20 SVG in the button */ + padding: 6px; background-color: var(--background); &:hover { @@ -21,7 +21,8 @@ } & > svg { - width: 25px; + width: 20px; + height: 20px; & > path, & > rect { fill: var(--icons);