monaco: quick input regression fix

This commit is the first attempt to fix the regression introduced in
 #12095

Signed-Off-By: FernandoAscencio <[email protected]>

packages/monaco/src/browser/style/index.css

@@ -103,25 +103,6 @@
   color: var(--theia-foreground) !important;
 }
 
-.quick-input-list
-  .quick-input-list-rows
-  > .quick-input-list-row
-  .monaco-icon-label,
-.quick-input-list
-  .quick-input-list-rows
-  > .quick-input-list-row
-  .monaco-icon-label
-  .monaco-icon-label-container,
-.quick-input-list
-  .quick-input-list-rows
-  > .quick-input-list-row
-  .monaco-icon-label
-  .monaco-icon-label-container
-  > .monaco-icon-name-container {
-  display: flex !important;
-  overflow: hidden;
-}
-
 .quick-input-list .monaco-list-row.focused {
   background-color: var(--theia-quickInputList-focusBackground) !important;
 }
@@ -165,7 +146,7 @@
 }
 
 .monaco-icon-label > .monaco-icon-label-container {
-  flex: 1 !important;
+  flex: 1;
   line-height: 22px;
 }
 
@@ -177,6 +158,7 @@
     font-family: var(--theia-ui-font-family);
     font-size: calc(var(--theia-ui-font-size1) * 0.95) !important;
     color: var(--theia-foreground) !important;
+    opacity: 0.6;
 }
 
 .quick-input-list-rows
@@ -188,16 +170,21 @@
     font-family: var(--theia-ui-font-family);
     font-size: var(--theia-ui-font-size1) !important;
     color: var(--theia-foreground) !important;
-    overflow: hidden;
-    text-overflow: ellipsis;
 }
 
-.quick-input-list .monaco-icon-label::before {
-  transform: scale(0.8);
+.quick-input-list .monaco-icon-label.codicon {
+  margin-top: -3px;
+}
+
+.quick-input-list .monaco-icon-label.codicon,
+.quick-input-list .monaco-icon-label.file-icon {
+  display: flex;
+  text-align: left;
 }
 
 .quick-input-list .monaco-icon-label.codicon::before {
-  padding-top: 3px;
+  transform: scale(0.8);
+  padding-top: 5px;
 }
 
 .quick-input-list .monaco-icon-label.theia-file-icons-js {