显示成员按钮样式

Hunter_ht/hunter/static/hunter/style.css

@@ -203,28 +203,40 @@ nav>div{
     width:200px;
 }
 .former >#show_btn,#close_btn{
-    width: 80px;
-    height: 30px;
+    width: 120px;
+    height: 35px;
     border-radius: 0;
     margin: 0 5px;
     float: left;
     font-size: 14px;
     cursor: pointer;
+    margin: 0 20px;
+
+    border: solid 1px #000000;
+    font-weight: 200;
+    background-color: white;
+    color: #000000;
+    box-shadow: 2px 2px 3px black;
 }
-.former > #show_btn{
-    border:none;
-    background-color: rgb(97, 152, 232);
+.former > #shsow_btn{
+    border: none;
+    background-color: rgb(10, 10, 10);
     color: white;
+    font-weight: 200;
+    /* border-top-left-radius: 8px; */
+    box-shadow: 3px 2px 1px #FF5722;
 }
-.former > #close_btn{
-    border: solid 1px #f1f1f1;
+.former > #clcose_btn{
+    border: solid 1px #000000;
+    font-weight: 200;
     background-color: white;
-    color:dimgrey;
+    color: #000000;
+    box-shadow: 2px 2px 3px black;
 }
 #former_member{
     margin-top:30px;
     padding-top:20px;
-    background-color: #f1f1f1;
+    background-color: #ffffff;
 }
 
 .left-bar{

Hunter_ht/hunter/templates/hunter/index.html

@@ -85,11 +85,11 @@
         <span>
             小组成员
         </span>
-    </div>
-    <span class="former">
-            <button id="show_btn" onclick="show_former()">显示前成员</button>
+        <span class="former">
+            <button id="show_btn" onclick="show_former()">查看前小组成员</button>
             <button style="display: none" id="close_btn" onclick="close_former()">隐藏</button>
-    </span>
+        </span>
+    </div>
     <div class="wrap" id="former_member" style="display: none;">
         {% for tp,users in user_type_list_former.items %}
             <div class="member_type">