修改积分管理页面，以适配详情长度超过一行的情况

README.md

@@ -32,7 +32,7 @@
   ```
 - 运行
   ```
-  python manage.py runsever 0.0.0.0:80 //自行指定端口
+  python manage.py runserver 0.0.0.0:80 //自行指定端口
   ```
 - 在浏览器中输入"IP:port"查看是否成功
 

hunter/static/admin.css

@@ -252,7 +252,7 @@ svg{
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 .user_score_List{
-    margin-left:10px;
+    padding: 20px;
 }
 #editScoreBtn{
     width:30px;

hunter/templates/admin.html

@@ -147,7 +147,7 @@
         
 
         <!--学习积分-->
-        <div id="scoreRecords" class="userlist" style="border:1px solid #000;">
+        <div id="scoreRecords" class="userlist" style="border:1px solid #000; overflow: scroll;">
             <div style="width:100%;height:50px;">
                 <span id="user_score_List" style="color:#ff9800" onclick="changeScoreList(this)">积分管理</span>
                 <span id="score_history_List" onclick="changeScoreList(this)">详细记录</span>
@@ -185,7 +185,7 @@
                     </div>
                 </div>
             </div><br>
-            <div  class=" user_score_List">
+            <div  class=" user_score_List"  style="padding: 0 20px;">
                 <div class="list_head">
                     <ul>
                         <li>姓名</li>
@@ -203,21 +203,21 @@
                     </ul>
                 {%  endfor %}
 		    </div>
-            <div  class=" score_history_List hide">
+            <div  class=" score_history_List hide" style="padding: 0 20px;">
 		    	<div class="list_head">
                     <ul>
-                        <li>姓名</li>
-                        <li>详情</li>
-                        <li>日期</li>
+                        <li style="width: 15%">姓名</li>
+                        <li style="width: 70%; padding:0 20px;">详情</li>
+                        <li style="width: 15%">日期</li>
                     </ul>
                 </div>
                 {%  for record in records  %}
-                    <ul class="list_records_body">
-		    			<li>{{ record.username }}</li>
-                        <li>
+                    <ul class="list_records_body" style="overflow: auto; height: auto;">
+		    			<li style="width: 15%;">{{ record.username }}</li>
+                        <li style="width: 70%; padding:0 20px; height: auto;">
                         	{{ record.reason }}
                         </li>
-                        <li>{{ record.editDate }}</li>
+                        <li style="width: 15%">{{ record.editDate }}</li>
                     </ul>
                 {%  endfor %}
 		    </div>