Fix icons & file names alignment issue in tree

Fixes #5580 - Adjust the spacing between file icons and file names in navigation tree so that they are aligned vertically and horizontally Signed-off-by: Kaiyue Pan <[email protected]>
eclipse-theia · Jan 28, 2020 · c92eb94 · c92eb94
1 parent 2387556
commit c92eb94
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/packages/filesystem/src/browser/style/file-icons.css b/packages/filesystem/src/browser/style/file-icons.css
@@ -27,6 +27,14 @@
     font-size: calc(var(--theia-content-font-size) * 0.8);
 }
 
+.theia-file-icons-js.file-icon {
+    width: var(--theia-icon-size);
+    height: var(--theia-icon-size);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
 .fa-file:before,
 .fa-folder:before,
 .theia-file-icons-js:before {