fix: Style optimization

frontend/src/views/chat/QuickQuestion.vue

@@ -185,6 +185,9 @@ const props = withDefaults(
     top: 30px;
     right: 4px;
     z-index: 1;
+    &:hover {
+      background-color: #1f23291a !important;
+    }
   }
 
   .tool-btn {

frontend/src/views/ds/DataTable.vue

@@ -381,10 +381,17 @@ const btnSelectClick = (val: any) => {
         <div class="select-table_top">
           {{ $t('ds.tables') }}
 
-          <el-tooltip effect="dark" :content="$t('ds.form.choose_tables')" placement="top">
-            <el-icon size="18" @click="handleSelectTableList">
-              <icon_form_outlined></icon_form_outlined>
-            </el-icon>
+          <el-tooltip
+            effect="dark"
+            offset="10"
+            :content="$t('ds.form.choose_tables')"
+            placement="top"
+          >
+            <el-button style="margin-right: -4px" @click="handleSelectTableList" text>
+              <el-icon size="18">
+                <icon_form_outlined></icon_form_outlined>
+              </el-icon>
+            </el-button>
           </el-tooltip>
         </div>
         <el-input
@@ -782,6 +789,10 @@ const btnSelectClick = (val: any) => {
           border-radius: 4px;
           cursor: pointer;
 
+          &:not(:last-child) {
+            margin-bottom: 2px;
+          }
+
           &.disabled-table {
             background: #dee0e3 !important;
             color: #646a73;