fix: use the same text style as the outline for call hierarchy

Author: aminya

styles/atom-ide-outline.less

@@ -15,6 +15,13 @@
   font-style: normal;
 }
 
+// same font as editor
+.font-common() {
+  font-size: var(--editor-font-size);
+  font-family: var(--editor-font-family);
+  line-height: var(--editor-line-height);
+}
+
 .atom-ide-outline {
   display: flex;
   flex-direction: column;
@@ -35,13 +42,6 @@
     @padding-h: 10px;
     @padding-v: 2px;
 
-    // same font as editor
-    .font-common() {
-      font-size: var(--editor-font-size);
-      font-family: var(--editor-font-family);
-      line-height: var(--editor-line-height);
-    }
-
     --editor-tab-length: 4; // default
     --level-indent-size: 16px;
     --indent-level: 0; // initial

styles/call-hierarchy.less

@@ -1,11 +1,11 @@
 @import "ui-variables";
+@import "./atom-ide-outline.less";
 
 atom-ide-outline-call-hierarchy-view {
   > div:first-child {
+    .font-common();
     display: flex;
-    line-height: 36px;
     height: 36px;
-    font-size: 1.4em;
     cursor: pointer;
     &:first-child > div {
       flex-grow: 1;
@@ -27,7 +27,7 @@ atom-ide-outline-call-hierarchy-view {
     height: calc(~"100% - 36px");
     overflow-x: auto;
     > atom-ide-outline-call-hierarchy-item {
-      font-size: 1.4em;
+      .font-common();
     }
   }
 }