aesthetic changes

longmetal7127 · Mar 27, 2024 · 856e284 · 856e284
1 parent b75d408
commit 856e284
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 13 deletions.
diff --git a/css/matchsummary.css b/css/matchsummary.css
@@ -49,6 +49,19 @@ p {
 	margin-bottom:15px;
 }
 
+.matchlistbyteam {
+	text-align: center;
+
+}
+
+.datatablecell {
+	border: 1px solid black;
+	border-radius: 10px;
+	border-collapse: collapse;
+	padding:5px;
+
+}
+
 #largedatatable {
 	text-align: center;
 }
diff --git a/pages/matchsummary.html b/pages/matchsummary.html
@@ -32,7 +32,7 @@ <h1> Match Summary </h1>
     <main>
 		<section class="Match-List-by-Team">
 
-			<h2>Match List by Team</h2>
+			<h2 class="matchlistbyteam">Match List by Team</h2>
 			<div id="teams">
 			</div>
 

diff --git a/pages/matchsummary.js b/pages/matchsummary.js
@@ -37,20 +37,20 @@ const getTeams = async () => {
                 <table class="datatables" id="largedatatable">                    
                     
                     <tr>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px">Autonomous Shots Attempted</td>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px">Autonomous Shots Made</td>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px">Speaker Shots Attempted</td>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px">Speaker Shots Made</td>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px">Amp Shots Attempted</td>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px">Amp Shots Made</td>
+                        <td class="datatablecell">Autonomous Shots Attempted</td>
+                        <td class="datatablecell">Autonomous Shots Made</td>
+                        <td class="datatablecell">Speaker Shots Attempted</td>
+                        <td class="datatablecell">Speaker Shots Made</td>
+                        <td class="datatablecell">Amp Shots Attempted</td>
+                        <td class="datatablecell">Amp Shots Made</td>
                     </tr>   
                     <tr>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px;text-align: center;">${await sumColumnForGlobalId(team.globalid, 'count1')}</td>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px;text-align: center;">${await sumColumnForGlobalId(team.globalid, 'count2')}</td>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px;text-align: center;">${await sumColumnForGlobalId(team.globalid, 'count3')}</td>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px;text-align: center;">${await sumColumnForGlobalId(team.globalid, 'count4')}</td>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px;text-align: center;">${await sumColumnForGlobalId(team.globalid, 'count5')}</td>
-                        <td style="border: 1px solid black; border-radius: 10px;border-collapse: collapse;padding:5px;text-align: center;">${await sumColumnForGlobalId(team.globalid, 'count6')}</td>
+                        <td class="datatablecell">${await sumColumnForGlobalId(team.globalid, 'count1')}</td>
+                        <td class="datatablecell">${await sumColumnForGlobalId(team.globalid, 'count2')}</td>
+                        <td class="datatablecell">${await sumColumnForGlobalId(team.globalid, 'count3')}</td>
+                        <td class="datatablecell">${await sumColumnForGlobalId(team.globalid, 'count4')}</td>
+                        <td class="datatablecell">${await sumColumnForGlobalId(team.globalid, 'count5')}</td>
+                        <td class="datatablecell">${await sumColumnForGlobalId(team.globalid, 'count6')}</td>
                     </tr>      
                 </table>