From fbdaa265d3c5d82f78be271b1a0bfa3b16c1f57a Mon Sep 17 00:00:00 2001 From: tomasz1986 Date: Fri, 4 Nov 2022 21:12:18 +0100 Subject: [PATCH] gui: Fix connection type icon width (fixes #8592) (#8644) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The connection type icon comes from Bootstrap. As such, it does not follow the same dimensions as the other GUI icons, which come from Fork Awesome. Thus, add left and right margin to make its width roughly the same as the other GUI icons, which fixes its alignment in relation to text. Signed-off-by: Tomasz Wilczyński --- gui/default/assets/css/overrides.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/gui/default/assets/css/overrides.css b/gui/default/assets/css/overrides.css index 8ddecc54b..3c43d8343 100644 --- a/gui/default/assets/css/overrides.css +++ b/gui/default/assets/css/overrides.css @@ -171,6 +171,9 @@ table.table-auto td { display: inline-block; vertical-align: -10%; background-size: contain; + /* Simulate same width as Fork Awesome icons. */ + margin-left: .14285715em; + margin-right: .14285715em; } .remote-devices-panel {