diff --git a/app/src/pages/listShow/ChangeCheck.vue b/app/src/pages/listShow/ChangeCheck.vue
index 6dbab95220065d5c9828613bb0ba899e03d6eae7..87cc1322b34d50f99cd8f34c74bcf879862144cb 100644
--- a/app/src/pages/listShow/ChangeCheck.vue
+++ b/app/src/pages/listShow/ChangeCheck.vue
@@ -6,7 +6,7 @@
     <el-dialog
       v-model="useBase.dialogVisible"
       :title="title"
-      width="50%"
+      width="70%"
       :show-close="false"
       center
       :before-close="close"
diff --git a/app/src/pages/listShow/CreatePgp.vue b/app/src/pages/listShow/CreatePgp.vue
index 3201e3fc21a89f4ef43dd371526640f558a3ebde..8270faaa9695089b3df55f2ed61341dc39edf59f 100644
--- a/app/src/pages/listShow/CreatePgp.vue
+++ b/app/src/pages/listShow/CreatePgp.vue
@@ -1,7 +1,7 @@
 <template>
   <el-form
     label-position="right"
-    label-width="200px"
+    label-width="auto"
     :model="formLabelAlign"
     :rules="rules"
     ref="ruleFormRef"
@@ -36,8 +36,8 @@
           class="ml-4"
           @change="getChange()"
         >
-          <el-radio label="private" title="123">Private</el-radio>
-          <el-radio label="public" title="123">Public</el-radio>
+          <el-radio label="private" title="The private key pairs are managed by yourself, no one else can seen/use your private key pairs.">Private</el-radio>
+          <el-radio label="public" title="The public key pairs can be created/used by any administrator, but in order to delete it, it require triple confirms from different administrators.">Public</el-radio>
         </el-radio-group>
       </el-form-item>
     </div>
@@ -55,8 +55,8 @@
               />
             </el-select>
           </el-form-item>
-          <el-form-item label="Key Size">
-            <el-select v-model="formLabelAlign.key_length" class="m-2" size="small">
+          <el-form-item label="Key Size" >
+            <el-select v-model="formLabelAlign.key_length"  size="small">
               <el-option
                 v-for="item in optionsSize"
                 :key="item.value"
@@ -381,12 +381,12 @@ const getChange = () => {
 }
 </style>
 <style lang="scss">
-.sel {
-  .el-select .el-input__inner {
-    width: 80px;
-    height: 24px;
-    margin-right: 2px;
-    margin-left: 2px;
-  }
-}
+// .sel {
+//   .el-select .el-input__inner {
+//     width: 80px;
+//     height: 24px;
+//     margin-right: 2px;
+//     margin-left: 2px;
+//   }
+// }
 </style>
diff --git a/app/src/pages/listShow/CreateX509.vue b/app/src/pages/listShow/CreateX509.vue
index d21b673be09e43617f7ace963b41332c09172fcc..713878c686cff16b63f4a7330ed6b3796b1c0a49 100644
--- a/app/src/pages/listShow/CreateX509.vue
+++ b/app/src/pages/listShow/CreateX509.vue
@@ -1,7 +1,7 @@
 <template>
   <el-form
     label-position="right"
-    label-width="200px"
+    label-width="auto"
     :model="formLabelAlign"
     :rules="rules"
     ref="ruleFormRef"
@@ -32,8 +32,8 @@
       </el-form-item>
       <el-form-item label="Visibility">
         <el-radio-group v-model="formLabelAlign.visibility" class="ml-4"  @change="getChange()">
-          <el-radio label="private" title="123">Private</el-radio>
-          <el-radio label="public" title="123">Public</el-radio>
+          <el-radio label="private" title="The private key pairs are managed by yourself, no one else can seen/use your private key pairs.">Private</el-radio>
+          <el-radio label="public" title="The public key pairs can be created/used by any administrator, but in order to delete it, it require triple confirms from different administrators.">Public</el-radio>
         </el-radio-group>
       </el-form-item>
     </div>
@@ -202,7 +202,7 @@ const cleanForm = () => {
   keys.forEach((key) => {
     formLabelAlign[key] = "";
   });
-  formLabelAlign.digest_algorithm = "none";
+  formLabelAlign.digest_algorithm = "md5";
   formLabelAlign.key_length = "2048";
   formLabelAlign.key_type = "rsa";
   formLabelAlign.visibility = "private";
@@ -379,7 +379,7 @@ const getChange = () => {
   .sel {
     display: flex;
     .m-2 {
-      padding-right: 24px;
+      // padding-right: 24px;
     }
   }
 }
@@ -394,12 +394,12 @@ const getChange = () => {
 }
 </style>
 <style lang="scss">
-.sel {
-  .el-select .el-input__inner {
-    width: 80px;
-    height: 24px;
-    margin-right: 2px;
-    margin-left: 2px;
-  }
-}
+// .sel {
+//   .el-select .el-input__inner {
+//     width: 80px;
+//     height: 24px;
+//     margin-right: 2px;
+//     margin-left: 2px;
+//   }
+// }
 </style>
diff --git a/app/src/pages/listShow/ImportPgp.vue b/app/src/pages/listShow/ImportPgp.vue
index 651c2994d38978007664a6349c5ed0aafafa9c80..dc726b17f7b8e68816cb3e0de7891589b7adaf8f 100644
--- a/app/src/pages/listShow/ImportPgp.vue
+++ b/app/src/pages/listShow/ImportPgp.vue
@@ -1,7 +1,7 @@
 <template>
   <el-form
     label-position="right"
-    label-width="200px"
+    label-width="auto"
     :model="formLabelAlign"
     :rules="rules"
     ref="ruleFormRef"
@@ -36,8 +36,8 @@
      
       <el-form-item label="Visibility">
         <el-radio-group v-model="formLabelAlign.visibility" class="ml-4" @change="getChange()">
-          <el-radio label="private" title="123">Private</el-radio>
-          <el-radio label="public" title="123">Public</el-radio>
+          <el-radio label="private" title="The private key pairs are managed by yourself, no one else can seen/use your private key pairs.">Private</el-radio>
+          <el-radio label="public" title="The public key pairs can be created/used by any administrator, but in order to delete it, it require triple confirms from different administrators.">Public</el-radio>
         </el-radio-group>
       </el-form-item>
       <el-form-item label="Expire" prop="expire_at">
@@ -356,7 +356,7 @@ const getChange = () => {
   .sel {
     display: flex;
     .m-2 {
-      padding-right: 24px;
+      // padding-right: 24px;
     }
   }
 }
@@ -371,16 +371,16 @@ const getChange = () => {
 }
 </style>
 <style lang="scss">
-.sel {
-  .el-select .el-input__inner {
-    width: 80px;
-    height: 24px;
-    margin-right: 2px;
-    margin-left: 2px;
-  }
-}
-.el-input__wrapper {
-  padding: 0px 11px;
-  border-radius: none !important;
-}
+// .sel {
+//   .el-select .el-input__inner {
+//     width: 80px;
+//     height: 24px;
+//     margin-right: 2px;
+//     margin-left: 2px;
+//   }
+// }
+// .el-input__wrapper {
+//   padding: 0px 11px;
+//   border-radius: none !important;
+// }
 </style>
diff --git a/app/src/pages/listShow/ImportX509.vue b/app/src/pages/listShow/ImportX509.vue
index f50d4d24d301c3f5610ec56f4e98ce123c76df77..da0da089fc05cd04c3d1a654d0da74b76007c848 100644
--- a/app/src/pages/listShow/ImportX509.vue
+++ b/app/src/pages/listShow/ImportX509.vue
@@ -1,7 +1,7 @@
 <template>
   <el-form
     label-position="right"
-    label-width="200px"
+    label-width="auto"
     :model="formLabelAlign"
     :rules="rules"
     ref="ruleFormRef"
@@ -47,8 +47,8 @@
           class="ml-4"
           @chaneg="getChange()"
         >
-          <el-radio label="private" title="123">Private</el-radio>
-          <el-radio label="public" title="123">Public</el-radio>
+          <el-radio label="private" title="The private key pairs are managed by yourself, no one else can seen/use your private key pairs.">Private</el-radio>
+          <el-radio label="public" title="The public key pairs can be created/used by any administrator, but in order to delete it, it require triple confirms from different administrators.">Public</el-radio>
         </el-radio-group>
       </el-form-item>
       <el-form-item label="Expire" prop="expire_at">
@@ -329,16 +329,16 @@ const getChange = () => {
 }
 </style>
 <style lang="scss">
-.sel {
-  .el-select .el-input__inner {
-    width: 80px;
-    height: 24px;
-    margin-right: 2px;
-    margin-left: 2px;
-  }
-}
-.el-input__wrapper {
-  padding: 0px 11px;
-  border-radius: none !important;
-}
+// .sel {
+//   .el-select .el-input__inner {
+//     width: 80px;
+//     height: 24px;
+//     margin-right: 2px;
+//     margin-left: 2px;
+//   }
+// }
+// .el-input__wrapper {
+//   padding: 0px 11px;
+//   border-radius: none !important;
+// }
 </style>