Skip to content

Commit c7096c0

Browse files
css'ing
1 parent 43bb2f5 commit c7096c0

File tree

2 files changed

+41
-44
lines changed

2 files changed

+41
-44
lines changed

index.html

Lines changed: 35 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -14,42 +14,44 @@
1414
<link href="https://fonts.googleapis.com/css2?family=Zain:ital,wght@0,200;0,300;0,400;0,700;0,800;0,900;1,300;1,400&display=swap" rel="stylesheet">
1515
</head>
1616
<body>
17-
<h1>Welcome to the Year 8 Chess Tournament</h1>
18-
19-
<div id="user-section">
20-
<button id="googleSignInBtn">Sign in with Google</button>
21-
<p id="user-info"></p>
22-
</div>
17+
<div id="container">
18+
<h1>Welcome to the Year 8 Chess Tournament</h1>
19+
20+
<div id="user-section">
21+
<button id="googleSignInBtn">Sign in with Google</button>
22+
<p id="user-info"></p>
23+
</div>
2324

24-
<div id="game-panel" style="display:none; text-align: center;">
25-
<h2>Your Current Game</h2>
26-
<a id="game-link" href="#" target="_blank">Join Game</a><br><br>
27-
<iframe id="userGame" src="" allowfullscreen></iframe>
28-
<br>
29-
<button onclick="reportTroll()">Report Opponent</button>
30-
</div>
25+
<div id="game-panel" style="display:none; text-align: center;">
26+
<h2>Your Current Game</h2>
27+
<a id="game-link" href="#" target="_blank">Join Game</a><br><br>
28+
<iframe id="userGame" src="" allowfullscreen></iframe>
29+
<br>
30+
<button onclick="reportTroll()">Report Opponent</button>
31+
</div>
3132

32-
<h2>Leaderboard</h2>
33-
<table id="leaderboard">
34-
<thead>
35-
<tr><th>Name</th><th>Score</th></tr>
36-
</thead>
37-
<tbody></tbody>
38-
</table>
33+
<h2>Leaderboard</h2>
34+
<table id="leaderboard">
35+
<thead>
36+
<tr><th>Name</th><th>Score</th></tr>
37+
</thead>
38+
<tbody></tbody>
39+
</table>
3940

40-
<div id="admin-panel" style="display:none;">
41-
<h2>Admin Panel</h2>
42-
<button onclick="startRound()">Start New Round</button>
43-
<button onclick="checkResults()">Check Results</button>
44-
<h3>Troll Reports</h3>
45-
<ul id="report-list" style="display:none;"></ul>
46-
<button id="min-max" onclick="minMaxReports()">Minimise Reports</button>
47-
</div>
41+
<div id="admin-panel" style="display:none;">
42+
<h2>Admin Panel</h2>
43+
<button onclick="startRound()">Start New Round</button>
44+
<button onclick="checkResults()">Check Results</button>
45+
<h3>Troll Reports</h3>
46+
<ul id="report-list" style="display:none;"></ul>
47+
<button id="min-max" onclick="minMaxReports()">Minimise Reports</button>
48+
</div>
4849

49-
<h2>Live Games</h2>
50-
<div id="live-matches" class="matches-grid"></div>
51-
52-
<h2>Finished Games</h2>
53-
<div id="finished-matches" class="matches-grid"></div>
50+
<h2>Live Games</h2>
51+
<div id="live-matches" class="matches-grid"></div>
52+
53+
<h2>Finished Games</h2>
54+
<div id="finished-matches" class="matches-grid"></div>
55+
</div>
5456
</body>
5557
</html>

style.css

Lines changed: 6 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -126,23 +126,18 @@ button:hover,
126126

127127
/* Responsive adjustments for small screens */
128128
@media (max-width: 600px) {
129-
.match-card {
130-
padding: 0.8rem;
131-
font-size: 0.9rem;
132-
max-width: 100%;
129+
#container {
130+
padding: 0.5rem;
133131
}
134132

135-
button,
136-
#googleSignInBtn {
137-
width: 100%;
138-
font-size: 1rem;
133+
iframe#userGame {
134+
max-width: 100%;
139135
}
140136

141-
#leaderboard th,
142-
#leaderboard td {
137+
table {
143138
font-size: 0.9rem;
144139
}
145-
}
140+
}
146141

147142
/* Link styles */
148143
a:link {

0 commit comments

Comments
 (0)