Keymaps: Keyboard shortcuts text is too small

Issue ID: #7051 Fixed the sizing of the font, as well as the spacing of each column just so we can utilize the empty spaces in filling up other column's data and still look clean. Signed-off-by: Muhammad Anas Shahid <[email protected]>
eclipse-theia · Feb 5, 2020 · 9eea8ae · 9eea8ae
1 parent 15b2c39
commit 9eea8ae
Showing 1 changed file with 3 additions and 7 deletions.
diff --git a/packages/keymaps/src/browser/style/index.css b/packages/keymaps/src/browser/style/index.css
@@ -70,7 +70,7 @@
     padding: 2px 10px 5px 10px;
 }
 
-.th-label, .th-source, .th-context,
+.th-label, .th-source, .th-context, .th-keybinding, 
 .kb-label, .kb-source, .kb-context {
     padding: 2px 10px 5px 10px;
     min-height: 18px;
@@ -84,12 +84,8 @@
     font-size: var(--theia-ui-font-size1);
 }
 
-.kb table td {
-    font-size: calc(var(--theia-ui-font-size1) * 0.85);
-}
-
 .kb table td code {
-    font-size: calc(var(--theia-ui-font-size1) * 0.8);
+    font-size: 90%;
 }
 
 .td-source {
@@ -138,7 +134,7 @@
 }
 
 .kb table .th-context {
-    width: 15%;
+    width: 25%;
 }
 
 .message-container {