From 6e11782299250cecad1ef3603f850859fa5769e6 Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Tue, 9 May 2023 10:13:48 +0200
Subject: Styling & Prompts.

---
 play.html | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

(limited to 'play.html')

diff --git a/play.html b/play.html
index 398a94b..c918959 100644
--- a/play.html
+++ b/play.html
@@ -22,7 +22,8 @@ body.Versailles header.your_turn { background-color: skyblue; }
 
 #log { background-color: ivory; }
 #log .h1 { background-color: tan; font-weight: bold; padding-top:2px; padding-bottom:2px; text-align: center; }
-#log .h2 { background-color: wheat; padding-top:2px; padding-bottom:2px; text-align: center; }
+#log .h2 { background-color: palegoldenrod; padding-top:2px; padding-bottom:2px; text-align: center; }
+#log .h3 { background-color: beige; text-align: center; }
 #log .commune { background-color: lightpink }
 #log .versailles { background-color: lightblue }
 #log > .i { padding-left: 20px; }
@@ -127,11 +128,17 @@ body.Observer #set_aside_panel { display: none }
 
 .space {
 	position: absolute;
-	border: 8px solid transparent;
+	box-sizing: border-box;
+	border: 4px solid transparent;
 }
 
 .space.action {
-	border-color: white;
+	border: 4px solid white;
+	background-color: #fff8;
+}
+
+.space.selected {
+	border: 4px dashed yellow;
 }
 
 .piece {
@@ -385,6 +392,10 @@ body.Observer #set_aside_panel { display: none }
 			<a class="menu_item" href="info/cards.html" target="_blank">Cards</a>
 			<div class="resign menu_separator"></div>
 			<div class="resign menu_item" onclick="confirm_resign()">Resign</div>
+			<div class="menu_separator"></div>
+			<div class="menu_item" onclick="send_save()">&#x1F41E; Save</div>
+			<div class="menu_item" onclick="send_restore()">&#x1F41E; Restore</div>
+			<div class="menu_item" onclick="send_restart('Standard')">&#x26a0; Restart</div>
 		</div>
 	</div>
 	<div class="icon_button" onclick="toggle_zoom()"><img src="/images/magnifying-glass.svg"></div>
-- 
cgit v1.2.3