Fix <Select/> text overflow below baseline (#6085)

* Fix: do not crop <Select/> single value

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Fix: do not crop namespace selector placeholder

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Align working dir input height with others

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Linter fix

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

src/renderer/components/+namespaces/namespace-select-filter.scss

@@ -20,6 +20,7 @@
       padding-left: 8px;
       margin-right: -8px;
       padding-right: 8px;
+      line-height: 1.1;
 
       &::-webkit-scrollbar {
         display: none;

src/renderer/components/cluster-settings/components/cluster-local-terminal-settings.tsx

@@ -112,6 +112,8 @@ const NonInjectedClusterLocalTerminalSetting = observer(({ cluster, showErrorNot
                     material="close"
                     title="Clear"
                     onClick={() => setAndCommitDirectory("")}
+                    smallest
+                    style={{ marginRight: "var(--margin)" }}
                   />
                 )
               }
@@ -119,6 +121,7 @@ const NonInjectedClusterLocalTerminalSetting = observer(({ cluster, showErrorNot
                 material="folder"
                 title="Pick from filesystem"
                 onClick={openFilePicker}
+                smallest
               />
             </>
           )}

src/renderer/components/select/select.scss

@@ -49,6 +49,7 @@ html {
 
     &__single-value {
       color: var(--textColorSecondary);
+      overflow: visible;
     }
 
     &__indicator {