enhance ui appearance of auto start chat config

packages/ui/src/renderer/src/page/MainLayout/GeekAutoStartChatWithBoss/index.vue

@@ -1,4 +1,10 @@
 <template>
+  <div
+    :style="{
+      display: 'flex',
+      flexDirection: 'column'
+    }"
+  >
     <div class="form-wrap geek-auto-start-run-with-boss">
       <el-form ref="formRef" :model="formContent" label-position="top" :rules="formRules">
         <el-card class="config-section">
@@ -41,7 +47,8 @@
                     <img block h-270px src="../resources/intro-of-job-entry.png" />
                   </template>
                   <el-button type="text" font-size-12px
-                  ><span><QuestionFilled w-1em h-1em mr2px /></span>期望公司信息位置图示</el-button
+                    ><span><QuestionFilled w-1em h-1em mr2px /></span
+                    >期望公司信息位置图示</el-button
                   >
                 </el-tooltip>
               </div>
@@ -360,7 +367,8 @@
                   </ul>
                 </template>
                 <el-button type="text" font-size-12px
-                ><span><QuestionFilled w-1em h-1em mr2px /></span>这个配置是如何工作的？</el-button
+                  ><span><QuestionFilled w-1em h-1em mr2px /></span
+                  >这个配置是如何工作的？</el-button
                 >
               </el-tooltip>
             </div>
@@ -377,11 +385,23 @@
             </div>
           </el-form-item>
         </el-card>
-      <el-form-item class="last-form-item mb20px mt20px">
+      </el-form>
+    </div>
+    <div class="bg-#f8f8f8 pb10px pt10px">
+      <div
+        :style="{
+          display: 'flex',
+          justifyContent: 'end',
+          maxWidth: '1000px',
+          margin: '0 auto',
+          paddingLeft: '20px',
+          paddingRight: 'calc(20px + 16px)'
+        }"
+      >
         <el-button @click="handleSave">仅保存配置</el-button>
         <el-button type="primary" @click="handleSubmit"> 保存配置，并开始求职！ </el-button>
-      </el-form-item>
-    </el-form>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -728,9 +748,11 @@ const noActiveDefinitionMarks = computed(() => {
 .form-wrap {
   max-height: 100vh;
   overflow: auto;
+  padding-top: 20px;
   padding-left: 20px;
   padding-right: 20px;
-  .config-section {
+  padding-bottom: 20px;
+  .config-section + .config-section {
     margin-top: 10px;
   }
   :deep(.el-form) {