[mod] css調整

src/App.css

@@ -1,3 +1,7 @@
+body {
+	overflow: hidden;
+  }
+
 table {
 	border: 1px solid black;
   }
@@ -5,4 +9,13 @@ table {
   table th,
 table td {
   border: 1px solid black; /* 設置列邊框寬度和顏色 */
+}
+
+.td_team {
+	width: 18rem;
+    display: flex;
+}
+
+.team {
+	width: 4rem;
 }

src/App.tsx

@@ -109,7 +109,13 @@ export default function App() {
 							return <tr key={idx}>
 								<td>{dayjs(value.time * 1000).format("YYYY-MM-DD HH:mm:ss")}</td>
 								<td>{score[0]}：{score[1]}</td>
-								<td>{team[0][0].padEnd(5, "　")}{team[0][1].padEnd(5, "　")} vs 　　{team[1][0].padEnd(5, "　")}{team[1][1]}</td>
+								<td className="td_team">
+									{<span className="team">{team[0][0]}</span>}
+									{<span className="team">{team[0][1]}</span>}
+									{<span className="team">vs</span>}
+									{<span className="team">{team[1][0]}</span>}
+									{<span className="team">{team[1][1]}</span>}
+								</td>
 								<td>
 									<A href="#" onClick={() => onClickPlay(value)}>詳細</A></td>
 							</tr>