added predefined mime types list and other minor ui improvements

ui/src/scss/_alert.scss

@@ -105,7 +105,6 @@
     display: block;
     text-align: center;
     pointer-events: none;
-    transition: left var(--activeAnimationSpeed);
     .alert {
         text-align: left;
         pointer-events: auto;

ui/src/scss/_dropdown.scss

@@ -55,16 +55,16 @@
         }
 
         // states
-        &:focus-visible,
-        &:hover {
+        &.selected {
             background: var(--baseAlt1Color);
         }
-        &.selected {
+        &:focus-visible,
+        &:hover {
             background: var(--baseAlt2Color);
         }
         &:active {
             transition-duration: var(--activeAnimationSpeed);
-            background: var(--baseAlt2Color);
+            background: var(--baseAlt3Color);
         }
         &.disabled {
             color: var(--txtDisabledColor);

ui/src/scss/_form.scss

@@ -800,7 +800,7 @@ select {
     outline: 0;
     .option {
         user-select: none;
-        column-gap: 8px;
+        column-gap: 5px;
         .icon {
             min-width: 20px;
             text-align: center;
@@ -910,9 +910,9 @@ select {
             max-width: 100%;
             line-height: normal;
         }
-        &:hover {
-            cursor: pointer;
-        }
+    }
+    &:not(.disabled) .selected-container:hover {
+        cursor: pointer;
     }
     &.disabled {
         color: var(--txtDisabledColor);
@@ -978,7 +978,7 @@ select {
         }
         .options-list {
             overflow: auto;
-            max-height: 270px;
+            max-height: 240px;
             width: auto;
             margin-left: 0;
             margin-right: -5px;

ui/src/scss/_table.scss

@@ -231,14 +231,6 @@ table {
     margin-right: calc(var(--baseSpacing) * -1);
     .bulk-select-col {
         min-width: 70px;
-        input[type="checkbox"] ~ label {
-            opacity: 0.7;
-        }
-        label:hover,
-        label:focus-within,
-        input[type="checkbox"]:checked ~ label {
-            opacity: 1 !important;
-        }
     }
     td, th {
         position: relative;

ui/src/scss/_tooltip.scss

@@ -19,7 +19,8 @@
     transition: opacity var(--baseAnimationSpeed),
                 visibility var(--baseAnimationSpeed),
                 transform var(--baseAnimationSpeed);
-    transform: scale(0.98);
+    transform: translateY(1px);
+    backface-visibility: hidden;
     white-space: pre-line;
     word-break: break-word;
     @include hide();