From 2bab2d9acd91218537283bf7ccfc5e933b6cd13e Mon Sep 17 00:00:00 2001
From: sD <stoned@derpymail.org>
Date: Tue, 11 Feb 2020 18:05:10 +0100
Subject: give buttons the shape they have

---
 webAO/client.css  | 12 +++++-------
 webAO/client.html |  8 ++++----
 2 files changed, 9 insertions(+), 11 deletions(-)

(limited to 'webAO')

diff --git a/webAO/client.css b/webAO/client.css
index d649ba1..1deea9b 100644
--- a/webAO/client.css
+++ b/webAO/client.css
@@ -473,18 +473,16 @@ img {
 }
 
 .client_button {
+	min-width: 6em;
 	margin: 1px;
-	padding: 2px 15px;
+	padding: 6px 2px;
+	clip-path: polygon(75% 0, 100% 50%, 100% 100%, 0 100%, 0 50%, 25% 0);
 	cursor: pointer;
 	text-align: center;
-	font-weight: bold;
 	color: white;
 	background-color: #7b2900;
-	border-radius: 3px;
-	border-style: solid;
-	border-width: 1px;
-	border-color: #fff;
-	box-shadow: 1px 1px inset;
+	text-shadow: 0 0 4px #000;
+	border: 1px solid #000;
 }
 
 .client_button.hover_button.inactive {
diff --git a/webAO/client.html b/webAO/client.html
index 3d725f2..1eeec51 100644
--- a/webAO/client.html
+++ b/webAO/client.html
@@ -70,9 +70,9 @@
 			<input type="checkbox" id="sendsfx" name="sendsfx" value="sendsfx">
 			<br>
 			<br>
-			<button id="button_flip" alt="Flip" class="client_button" onclick="toggleFlip()"><b>Flip</b></button>
-			<button id="button_effect_1" alt="Flash" class="client_button" onclick="toggleEffect(1)"><b>Flash</b></button>
-			<button id="button_effect_2" alt="Shake" class="client_button" onclick="toggleEffect(2)"><b>Shake</b></button>
+			<button id="button_flip" alt="Flip" class="client_button" onclick="toggleFlip()">Flip</button>
+			<button id="button_effect_1" alt="Flash" class="client_button" onclick="toggleEffect(1)">Flash</button>
+			<button id="button_effect_2" alt="Shake" class="client_button" onclick="toggleEffect(2)">Shake</button>
 		</div>
 		<fieldset style="margin:10px;">
 			<legend>Actions</legend>
@@ -216,7 +216,7 @@
 			<div id="evidences"></div>
 			<br>
 			<button id="button_present" alt="Present" class="client_button"
-				onclick="togglePresent()"><i>Present</i></button>
+				onclick="togglePresent()" style="letter-spacing: 3px; width: 8em;"><i>Present</i></button>
 		</span>
 
 		<!-- Settings section -->
-- 
cgit