dkforest

commit 373373182ef0d15fcd08c8fd505d5bac8339f5c2
parent f1d4f38e8441c3459a62c2846d532d9dbdf31de2
Author: n0tr1v <n0tr1v@protonmail.com>
Date:   Wed, 31 May 2023 03:25:19 -0700

improve styling

Diffstat:
M
pkg/web/handlers/api/v1/chess.go
 | 
24
+++++++++++++++---------

1 file changed, 15 insertions(+), 9 deletions(-)
diff --git a/pkg/web/handlers/api/v1/chess.go b/pkg/web/handlers/api/v1/chess.go
@@ -282,7 +282,7 @@ func (g *ChessGame) DrawPlayerCard(roomName string, inChat, isBlack, isYourTurn 
 	{{ else }}
 		<form method="post">
 			<input type="hidden" name="message" value="resign" />
-			<button type="submit">Resign</button>
+			<button type="submit" style="background-color: #aaa;">Resign</button>
 		</form>
 		{{ if .IsYourTurn }}
 			<form method="post"{{ if .InChat }} action="/api/v1/chess"{{ end }}>
@@ -294,14 +294,20 @@ func (g *ChessGame) DrawPlayerCard(roomName string, inChat, isBlack, isYourTurn 
 				{{ else }}
 					<input type="hidden" name="message" value="/pm {{ .Username }} /c move" />
 				{{ end }}
-				<button type="submit">Move</button>
-				<span style="color: white; margin-left: 20px;">Promo:</span>
-				<select name="promotion">
-					<option value="queen">Queen</option>
-					<option value="rook">Rook</option>
-					<option value="knight">Knight</option>
-					<option value="bishop">Bishop</option>
-				</select>
+				<div style="width: 100%; display: flex; margin-top: 5px;">
+					<div>
+						<button type="submit" style="background-color: #aaa;">Move</button>
+					</div>
+					<div style="margin-left: auto;">
+						<span style="color: #aaa; margin-left: 20px;">Promo:</span>
+						<select name="promotion" style="background-color: #aaa;">
+							<option value="queen">Queen</option>
+							<option value="rook">Rook</option>
+							<option value="knight">Knight</option>
+							<option value="bishop">Bishop</option>
+						</select>
+					</div>
+				</div>
 			</form>
 		{{ else }}
 			<div style="width: 360px; height: 360px; background-image: url(data:image/png;base64,{{ .ImgB64 }})"></div>