From 22e181c60f73a3674a25d6b0976cc2d197d5b91b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=AB=E8=B0=B7=E5=89=91=E4=BB=99?= <mapaler@163.com>
Date: Thu, 15 Dec 2022 21:16:36 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=80=AA=E7=89=A9=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E6=A1=86=E7=9A=84=E6=98=BE=E7=A4=BA=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 multi.html  |  4 +---
 solo.html   |  4 +---
 style.css   | 16 +++++++++-------
 triple.html |  4 +---
 4 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/multi.html b/multi.html
index 0b04d5d7..88cfce38 100644
--- a/multi.html
+++ b/multi.html
@@ -1106,9 +1106,7 @@ var formation = new Formation(teamsCount,5);
 				</a>
 			</div>
 			<div class="monsterinfo-line">
-				<div class="monster-id"></div>
-				<div class="monster-rare"></div>
-				<div class="monster-mp"></div>
+				<div class="monster-id"></div><div class="monster-rare"></div><div class="monster-mp"></div>
 			</div>
 			<div class="monsterinfo-line">
 				<div class="monster-name"></div>
diff --git a/solo.html b/solo.html
index 5e278d77..93a55756 100644
--- a/solo.html
+++ b/solo.html
@@ -948,9 +948,7 @@ var formation = new Formation(teamsCount,6);
 				</a>
 			</div>
 			<div class="monsterinfo-line">
-				<div class="monster-id"></div>
-				<div class="monster-rare"></div>
-				<div class="monster-mp"></div>
+				<div class="monster-id"></div><div class="monster-rare"></div><div class="monster-mp"></div>
 			</div>
 			<div class="monsterinfo-line">
 				<div class="monster-name"></div>
diff --git a/style.css b/style.css
index 3d0d7a97..d4860b31 100644
--- a/style.css
+++ b/style.css
@@ -2077,12 +2077,15 @@ icon.inflicts::after
 	float: left;
 	margin-right:5px;
 }
+.monsterinfo-box .monsterinfo-line{
+	font-size: 22px;
+	line-height: 25px;
+	height: auto;
+}
 .monsterinfo-box .monsterinfo-line>div
 {
 	display:inline-block;
-	vertical-align: top;
-	font-size: 22px;
-	line-height: 22px;
+	vertical-align: middle;
 }
 .monsterinfo-box .monster-id{
 	width:120px;
@@ -2145,7 +2148,6 @@ icon.inflicts::after
 	line-height: 1em;
 	display: inline-block;
 	white-space: break-spaces;
-	vertical-align: top;
 }
 
 .monsterinfo-box .monster-mp::before
@@ -2154,9 +2156,9 @@ icon.inflicts::after
 	background-image: url(images/icon-MP.png);
 	background-size: cover;
 	display: inline-block;
-	width: 24px;
-	height: 24px;
-	vertical-align: top;
+	width: 22px;
+	height: 22px;
+	vertical-align: middle;
 }
 
 .monsterinfo-box .monster-type {
diff --git a/triple.html b/triple.html
index f1954e9a..a6449c02 100644
--- a/triple.html
+++ b/triple.html
@@ -2002,9 +2002,7 @@ var formation = new Formation(teamsCount,6);
 				</a>
 			</div>
 			<div class="monsterinfo-line">
-				<div class="monster-id"></div>
-				<div class="monster-rare"></div>
-				<div class="monster-mp"></div>
+				<div class="monster-id"></div><div class="monster-rare"></div><div class="monster-mp"></div>
 			</div>
 			<div class="monsterinfo-line">
 				<div class="monster-name"></div>