Browse Source

gui: Fix connection type icon width (fixes #8592) (#8644)

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 <[email protected]>
tomasz1986 3 years ago
parent
commit
fbdaa265d3
1 changed files with 3 additions and 0 deletions
  1. 3 0
      gui/default/assets/css/overrides.css

+ 3 - 0
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 {