Fixing hover effect in inputs

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

src/renderer/components/input/input.scss

@@ -136,10 +136,15 @@
           border-color: var(--inputControlBorder);
           color: var(--textColorTertiary);
           padding: $padding;
+          transition: border-color 0.1s;
 
           &:hover {
             border-color: var(--inputControlHoverBorder);
           }
+
+          &:focus-within {
+            border-color: $colorInfo;
+          }
         }
       }
     }

src/renderer/components/select/select.scss

@@ -213,6 +213,7 @@ html {
       :hover {
         &.Select__control {
           box-shadow: 0 0 0 1px var(--inputControlHoverBorder);
+          transition: box-shadow 0.1s;
         }
       }