refactor(UI): minor UI improvements

src/renderer/components/BaseContextMenu.vue

@@ -99,7 +99,7 @@ export default {
       display: flex;
       align-items: center;
       margin: 0.2rem;
-      padding: 0.1rem;
+      padding: 0.1rem 0.3rem;
       border-radius: $border-radius;
       cursor: pointer;
       justify-content: space-between;
@@ -113,7 +113,7 @@ export default {
         transition: opacity 0.2s;
         position: absolute;
         left: 100%;
-        top: 0;
+        top: -0.2rem;
         min-width: 100px;
       }
 

src/renderer/components/WorkspaceQueryTab.vue

@@ -52,7 +52,7 @@
 
                <div class="divider-vert py-3" />
 
-               <div class="dropdown export-dropdown pr-2">
+               <div class="dropdown table-dropdown pr-2">
                   <button
                      :disabled="!results.length || isQuering"
                      class="btn btn-dark btn-sm dropdown-toggle mr-0 pr-0"
@@ -322,10 +322,4 @@ export default {
     min-height: 200px;
   }
 }
-
-.export-dropdown {
-  .menu {
-    min-width: 100%;
-  }
-}
 </style>

src/renderer/components/WorkspaceTableTab.vue

@@ -81,7 +81,7 @@
                   <i class="mdi mdi-24px mdi-playlist-plus ml-1" />
                </button>
 
-               <div class="dropdown export-dropdown pr-2">
+               <div class="dropdown table-dropdown pr-2">
                   <button
                      :disabled="isQuering"
                      class="btn btn-dark btn-sm dropdown-toggle mr-0 pr-0"
@@ -383,10 +383,3 @@ export default {
    }
 };
 </script>
-<style lang="scss" scoped>
-.export-dropdown {
-  .menu {
-    min-width: 100%;
-  }
-}
-</style>

src/renderer/scss/main.scss

@@ -138,6 +138,7 @@ body {
 
     .tab-link {
       min-width: 0;
+      transition: color 0.2s;
     }
 
     &.active {
@@ -237,3 +238,23 @@ body {
     visibility: hidden;
   }
 }
+
+.table-dropdown {
+  .menu {
+    min-width: 100%;
+    padding: 0;
+
+    .menu-item {
+      padding: 0;
+
+      > a {
+        margin: 0.2rem;
+        padding: 0.1rem 0.3rem;
+
+        &:hover {
+          color: inherit;
+        }
+      }
+    }
+  }
+}

src/renderer/scss/themes/dark-theme.scss

@@ -266,7 +266,7 @@
   }
 
   .editor-col {
-    border-left: 2px solid $bg-color-light-dark;
+    border-left: 0.05rem solid rgba($bg-color-light-dark, 60%);
   }
 
   .table {

src/renderer/scss/themes/light-theme.scss

@@ -98,7 +98,7 @@
   }
 
   .editor-col {
-    border-left: 2px solid darken($bg-color-light-gray, 15%);
+    border-left: 0.05rem solid darken($bg-color-light-gray, 15%);
   }
 
   .file-uploader {