Ui minor fixes (#1735)

app/javascript/dashboard/assets/scss/widgets/_sidemenu.scss

@@ -49,8 +49,10 @@
       margin-top: $space-micro;
 
       .inbox-icon {
+        $icon-top-space: -1px;
         display: inline-block;
         margin-right: $space-micro;
+        margin-top: $icon-top-space;
         min-width: $space-normal;
         text-align: center;
       }
@@ -106,13 +108,13 @@
     font-size: $font-size-medium;
     margin-top: $space-medium;
 
-    > span {
+    >span {
       margin-left: $space-one;
     }
   }
 }
 
-.menu-title + ul > li > a {
+.menu-title+ul>li>a {
   @include padding($space-micro null);
   color: $medium-gray;
   line-height: $global-lineheight;

app/javascript/dashboard/components/layout/SidebarItem.vue

@@ -155,7 +155,6 @@ export default {
 
 .wrap {
   display: flex;
-  align-items: center;
 }
 
 .label-color--display {

app/javascript/dashboard/components/widgets/TableFooter.vue

@@ -172,6 +172,7 @@ export default {
     margin-left: -2px;
     font-size: var(--font-size-small);
     padding: var(--space-small) var(--space-normal);
+    border-radius: 0;
 
     &:hover,
     &:focus,

app/javascript/dashboard/routes/dashboard/conversation/ConversationView.vue

@@ -146,7 +146,7 @@ export default {
   },
 };
 </script>
-<style scoped>
+<style lang="scss" scoped>
 .search--button {
   align-items: center;
   border: 0;
@@ -158,6 +158,12 @@ export default {
   padding: var(--space-normal) var(--space-normal) var(--space-slab);
   text-align: left;
   line-height: var(--font-size-large);
+
+  &:hover {
+    .search--icon {
+      color: var(--w-500);
+    }
+  }
 }
 
 .search--icon {