Solving interface bugs

src/views/system/ToolList.vue

@@ -1,19 +1,24 @@
 <template>
   <div class="page-header-index-wide">
+    <div class="card-content">
       <a-row :gutter="12">
         <a-col :sm="24" :md="12" :lg="8">
+          <div class="case">
             <a-card title="Markdown 导入" :bordered="false">
               <span style="font-size:18px">Markdown 文档导入</span>
               <a-button type="primary" style="float:right" @click="importMarkDown">导入</a-button>
               <p>支持 Hexo/Jekyll 导入并解析元数据</p>
             </a-card>
+          </div>
         </a-col>
         <a-col :sm="24" :md="12" :lg="8">
+          <div class="case">
             <a-card title="WordPress 导入" :bordered="false">
               <span style="font-size:18px">WordPress 数据导入</span>
               <a-button type="primary" style="float:right" @click="importWordPress">导入</a-button>
               <p>尽请期待</p>
             </a-card>
+          </div>
         </a-col>
       </a-row>
       <a-modal title="Markdown 文档导入" v-model="ishow" @ok="sure">
@@ -30,6 +35,7 @@
         </a-upload-dragger>
       </a-modal>
     </div>
+  </div>
 </template>
 
 <script>
@@ -65,4 +71,10 @@ export default {
 </script>
 
 <style scoped>
+.card-content {
+  padding: 11px;
+}
+.case {
+  padding: 5px;
+}
 </style>