diff --git a/src/templates/admin/adduser.html b/src/templates/admin/adduser.html
index f76585b..d83e9bb 100644
--- a/src/templates/admin/adduser.html
+++ b/src/templates/admin/adduser.html
@@ -1,8 +1,6 @@
 {% extends 'base.html' %}
 
-{% block header %}
-  <h2 class="text-center">{% block title %}管理主页{% endblock %}</h2>
-{% endblock %}
+{% block title %}管理页面{% endblock %} 
 {% block content %}
   <!-- <div>
     <form method="post" class="">
diff --git a/src/templates/admin/index.html b/src/templates/admin/index.html
index 78959e2..e128eb0 100644
--- a/src/templates/admin/index.html
+++ b/src/templates/admin/index.html
@@ -1,7 +1,7 @@
 {% extends 'base.html' %}
-
+{% block title %}管理页面{% endblock %} 
 {% block header %}
-  <h2 class="text-center">{% block title %}管理主页{% endblock %}</h2>
+  <h2 class="text-center">管理主页</h2>
   <script>
     function control_modal(op, modal_id, uid='1'){
       modal_elm = document.getElementById(modal_id);
diff --git a/src/templates/admin/result.html b/src/templates/admin/result.html
index 4c4d7b4..b3a3416 100644
--- a/src/templates/admin/result.html
+++ b/src/templates/admin/result.html
@@ -1,7 +1,6 @@
 {% extends 'base.html' %}
 
-{% block header %}
-{% endblock %}
+{% block title %}管理页面{% endblock %} 
 
 {% block content %}
   <div class="container">
diff --git a/src/templates/auth/loginadmin.html b/src/templates/auth/loginadmin.html
index 655c4a0..3c2c9bc 100644
--- a/src/templates/auth/loginadmin.html
+++ b/src/templates/auth/loginadmin.html
@@ -1,5 +1,5 @@
 {% extends 'base.html' %}
-
+{% block title %}登陆页面{% endblock %} 
 {% block content %}
 <div class="columns " style="padding-top:5em;">
   <div class="column col-3"></div>
diff --git a/src/templates/auth/loginbase.html b/src/templates/auth/loginbase.html
index 12ddb0a..b0d157a 100644
--- a/src/templates/auth/loginbase.html
+++ b/src/templates/auth/loginbase.html
@@ -1,16 +1,15 @@
 {% extends 'base.html' %}
-
-{% block header %}
-  <h2 class="text-center">{% block title %}在访问前，需要登陆{% endblock %}</h1>
-{% endblock %}
+{% block title %}EBookMan{% endblock %} 
 
 {% block content %}
+<div style="padding-top: 20vh;">
+  <h2 class="text-center">在访问前，需要登陆</h2>
   <div class="text-center">
     <div class="p-1">
       <a href="{{ url_for('auth.loginadmin') }}" class="btn">管理员登陆</a>
-    </div>
-    <div class="p-1">
       <a href="{{ url_for('auth.loginuser') }}" class="btn">用户登陆</a>
     </div>
   </div>
+
+</div>
 {% endblock %}
\ No newline at end of file
diff --git a/src/templates/auth/loginuser.html b/src/templates/auth/loginuser.html
index 9ee28fc..68e80ae 100644
--- a/src/templates/auth/loginuser.html
+++ b/src/templates/auth/loginuser.html
@@ -1,5 +1,5 @@
 {% extends 'base.html' %}
-
+{% block title %}登陆页面{% endblock %} 
 {% block content %}
   <div class="columns " style="padding-top:5em;">
     <div class="column col-3"></div>
diff --git a/src/templates/base.html b/src/templates/base.html
index ca81e36..84905e5 100644
--- a/src/templates/base.html
+++ b/src/templates/base.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<title>{% block title %}{% endblock %} - DBProject</title>
+<title>{% block title %}{% endblock %}</title>
 <link rel="stylesheet" href="{{ url_for('static', filename='spectre-exp.min.css') }}">
 <link rel="stylesheet" href="{{ url_for('static', filename='spectre-icons.min.css') }}">
 <link rel="stylesheet" href="{{ url_for('static', filename='spectre.min.css') }}">
diff --git a/src/templates/user/addbook.html b/src/templates/user/addbook.html
index 003c5f9..9e0e831 100644
--- a/src/templates/user/addbook.html
+++ b/src/templates/user/addbook.html
@@ -16,8 +16,9 @@
         }
         typeinput.value = typestr;
     }
-    function create_type_button(typename) {
-
+    function clear_toast(toastid) {
+      toast_elm = document.getElementById(toastid);
+      toast_elm.classList.add('d-none');
     }
   </script>
 {% endblock %}
@@ -25,11 +26,14 @@
 {% block user_content %}
   <div class="panel">
     <div class="panel-header">
-      <h2>新建图书</h2>
+      <div class="panel-title text-center">
+      <h4>新建图书</h4>
+      </div>
     </div>
     <div class="panel-body">
-        {%if error%}
-        <div class="toast">
+        {% if error%}
+        <div class="toast" id="toast1">
+            <button class="btn btn-clear float-right" onclick="clear_toast('toast1')"></button>
             {{error}}
         </div>
         {% endif %}
diff --git a/src/templates/user/addtype.html b/src/templates/user/addtype.html
index a3ea785..5d9794a 100644
--- a/src/templates/user/addtype.html
+++ b/src/templates/user/addtype.html
@@ -1,5 +1,14 @@
 {% extends 'user/user_base.html' %}
 
+{% block header %}
+<script>
+function clear_toast(toastid) {
+  toast_elm = document.getElementById(toastid);
+  toast_elm.classList.add('d-none');
+}
+</script>
+{% endblock %}
+
 {% block user_content %}
   <div class="panel">
     <div class="panel-header">
@@ -9,24 +18,37 @@
     </div>
     <div class="panel-body">
         {% if error%}
-        <div class="toast">
-            <button class="btn btn-clear float-right"></button>
+        <div class="toast" id="toast1">
+            <button class="btn btn-clear float-right" onclick="clear_toast('toast1')"></button>
             {{error}}
-        </div>              
+        </div>
         {% endif %}
-        <form method="post" class="input-group">
+        <div class="columns">
+          <div class="column col-2"></div>
+          <div class="column col-8">
+            <form method="post" class="input-group">
             <label class="form-label px-1" for="typename">新建类型</label>
             <input class="form-input" name="typename" id="typename" required> 
             <input class="btn btn-primary input-group-btn" type="submit" value="提交">
-        </form>
-        <ul>
-            {% for atype in typelist%}
-              <li>
-                TID:{{ atype['type_id'] }}, 类型名: {{ atype['type_name'] }}
-                <a href="/removetype?tid={{atype['type_id']}}">删除</a>
-              </li>
-            {% endfor %}
-        </ul>
+            </form>
+            <table class="table text-center m-2">
+              <thead >
+                <tr><th>TID</th><th>标签</th><th>操作</th></tr>
+              </thead>
+              <tbody>
+                {% for atype in typelist%}
+                <tr>
+                  <td>{{ atype['type_id'] }}</td>
+                  <td>{{ atype['type_name'] }}</td>
+                  <td><a href="/removetype?tid={{atype['type_id']}}">删除</a></td>
+                </tr>
+                {% endfor %}
+              </tbody>
+            </table>
+
+          </div>
+          <div class="column col-2"></div>
+        </div>
     </div>
   </div>
 {% endblock %}
\ No newline at end of file
diff --git a/src/templates/user/home.html b/src/templates/user/home.html
index 794ffc3..06915d6 100644
--- a/src/templates/user/home.html
+++ b/src/templates/user/home.html
@@ -3,7 +3,7 @@
 {% block user_content %}
 <div class="panel">
   <div class="panel-header">
-    <div class="panel-title">统计信息</div>
+    <div class="panel-title text-center"><h4>统计信息</h4></div>
   </div>
   <div class="panel-body">
     <dl>
diff --git a/src/templates/user/search.html b/src/templates/user/search.html
index 0bf9a56..2eb5137 100644
--- a/src/templates/user/search.html
+++ b/src/templates/user/search.html
@@ -3,7 +3,7 @@
 {% block user_content %}
 <div class="panel">
   <div class="panel-header">
-    <div class="panel-title">搜索图书</div>
+    <div class="panel-title text-center"><h4>搜索图书</h4></div>
   </div>
   <div class="panel-body">
     <form class="form-group" method="get">
diff --git a/src/templates/user/user_base.html b/src/templates/user/user_base.html
index 3757350..6d92694 100644
--- a/src/templates/user/user_base.html
+++ b/src/templates/user/user_base.html
@@ -1,5 +1,5 @@
 {% extends 'base.html' %}
-
+{% block title %}EBookMan{% endblock %} 
 {% block content %}
   <div class="container">
     <div class="columns">
