chore: adjust style

RANK.html

@@ -20,7 +20,7 @@
 <h1 id="挑战赛数据展示">挑战赛数据展示 </h1>
 <p>该页面展示所有提交成功的得分（包括<strong>零分</strong>）。</p>
 <p>数据非实时刷新，可能有最长<strong>五分钟</strong>的延迟。</p>
-<p>详细日志点击「查看详情」即可。</p>
+<p>详细信息点击「查看详情」即可查看。</p>
 <h2 id="评测结果">评测结果 </h2>
 <table>
     <thead>
@@ -39,12 +39,15 @@
 <div id="detailsModal" class="modal">
     <div class="modal-content">
     <span class="close">×</span>
-    <h2>详细信息</h2>
+    <h3>详细信息</h3>
     <div id="modal-details"></div>
     </div>
 </div>
 <style>
     .modal {
+    -moz-user-select  : none;
+    -khtml-user-select: none;
+    user-select       : none;
     display: none;
     position: fixed;
     z-index: 1;
@@ -75,7 +78,7 @@
     cursor: pointer;
     }
 </style>
-<script src="./get_scores.js"></script>
+<script type="text/javascript" src="./get_scores.js"></script>
 
       </div>
       

RANK.md

@@ -4,7 +4,7 @@
 
 数据非实时刷新，可能有最长**五分钟**的延迟。
 
-详细日志点击「查看详情」即可。
+详细信息点击「查看详情」即可查看。
 
 ## 评测结果
 
@@ -25,12 +25,15 @@
 <div id="detailsModal" class="modal">
     <div class="modal-content">
     <span class="close">&times;</span>
-    <h2>详细信息</h2>
+    <h3>详细信息</h3>
     <div id="modal-details"></div>
     </div>
 </div>
 <style>
     .modal {
+    -moz-user-select  : none;
+    -khtml-user-select: none;
+    user-select       : none;
     display: none;
     position: fixed;
     z-index: 1;
@@ -61,4 +64,4 @@
     cursor: pointer;
     }
 </style>
-<script src="./get_scores.js"></script>
+<script type="text/javascript" src="./get_scores.js"></script>

get_scores.js

@@ -46,7 +46,7 @@ function showDetailsModal(index) {
   fetch("https://rank.intcplab.cn/get_scores")
     .then((response) => response.json())
     .then((data) => {
-      modalDetails.innerHTML = data[index].details;
+      modalDetails.innerHTML = data[index].details + "<br><br>";
       modal.style.display = "block";
     });
 }