From 2971eb966077ec5dcb572d7143564215453a6365 Mon Sep 17 00:00:00 2001
From: Matthias Metelka <62722460+kleinerpirat@users.noreply.github.com>
Date: Mon, 24 Oct 2022 05:51:04 +0200
Subject: [PATCH] Center add-on icons and allow text buttons to expand in width
 (#2138)

* Fix text buttons not expanding in width

* Adjust icon and font size of add-on buttons
---
 ts/editor/legacy.scss | 27 +++++++++++++++------------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/ts/editor/legacy.scss b/ts/editor/legacy.scss
index 726871dcd..9302d5c77 100644
--- a/ts/editor/legacy.scss
+++ b/ts/editor/legacy.scss
@@ -4,24 +4,27 @@
 @use "sass:color";
 @use "sass/button-mixins" as button;
 
-$size: var(--buttons-size);
-$padding: 2px;
-
 .linkb {
+    $size: var(--buttons-size);
+
     @include button.base;
     @include button.border-radius;
 
-    width: $size;
+    min-width: $size;
     height: $size;
-    padding: $padding;
     font-size: calc($size * 0.6);
-}
+    position: relative;
 
-img.topbut {
-    max-width: calc($size - 2 * $padding);
-    max-height: calc($size - 2 * $padding);
-    vertical-align: baseline;
-    .nightMode & {
-        filter: invert(1);
+    img.topbut {
+        $padding: 4px;
+        $icon-size: calc(100% - 2 * $padding);
+
+        position: absolute;
+        height: $icon-size;
+        width: $icon-size;
+        inset: $padding;
+        .nightMode & {
+            filter: invert(1);
+        }
     }
 }