crusader: Improved castle graphic and layout.

Left-align blocks in castle to clearly show how much room is left.

Remove towers from the graphic - it just looks weird and takes too
much vertical space.

5 files changed, 16 insertions, 6 deletions

diff --git a/castle_1.svg b/castle_1.svg
index d0078dd..4acea2a 100644
--- a/castle_1.svg
+++ b/castle_1.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="140" height="160" viewBox="0 0 7 8"><path d="M0 2h7v6H0zm0-1h1v1H0zm2 0h1v1H2zm2 0h1v1H4zm2 0h1v1H6z" fill="gray"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 7 7"><g fill="gray"><path d="M0 1h7v6H0zM0 0h1v1H0zM2 0h1v1H2zM4 0h1v1H4zM6 0h1v1H6z"/></g></svg>
\ No newline at end of file
diff --git a/castle_2.svg b/castle_2.svg
index 54cf117..c9574a2 100644
--- a/castle_2.svg
+++ b/castle_2.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="220" height="160" viewBox="0 0 11 8"><g fill="gray"><path d="M0 2h11v6H0zM0 0h1v2H0zM1 1h1v1H1zM2 0h1v2H2zM4 1h1v1H4zM6 1h1v1H6z"/><path d="M8 0h1v3H8zM9 1h1v2H9zM10 0h1v3h-1z"/></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="220" height="140" viewBox="0 0 11 7"><g fill="gray"><path d="M0 1h11v6H0z"/><path d="M0 0h1v2H0zM2 0h1v2H2zM4 0h1v1H4zM6 0h1v1H6zM8 0h1v3H8zM10 0h1v3h-1z"/></g></svg>
\ No newline at end of file
diff --git a/castle_3.svg b/castle_3.svg
index 8dc031a..ee4e136 100644
--- a/castle_3.svg
+++ b/castle_3.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="300" height="160" viewBox="0 0 15 8"><g fill="gray"><path d="M0 2h15v6H0zM0 0h1v2H0zM1 1h1v1H1zM2 0h1v2H2zM4 1h1v1H4zM6 1h1v1H6zM8 1h1v1H8zM10 1h1v1h-1zM12 0h1v2h-1zM13 1h1v1h-1zM14 0h1v2h-1z"/></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="140" viewBox="0 0 15 7"><g fill="gray"><path d="M0 1h15v6H0zM0 0h1v1H0zM2 0h1v1H2zM4 0h1v1H4zM6 0h1v1H6zM8 0h1v1H8zM10 0h1v1h-1zM12 0h1v1h-1zM14 0h1v1h-1z"/></g></svg>
\ No newline at end of file
diff --git a/castle_4.svg b/castle_4.svg
index d5a6072..f3525f3 100644
--- a/castle_4.svg
+++ b/castle_4.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="380" height="160" viewBox="0 0 19 8"><g fill="gray"><path d="M0 2h19v6H0zM0 0h1v2H0zM1 1h1v1H1zM2 0h1v2H2zM4 1h1v1H4zM6 1h1v1H6zM8 1h1v1H8zM10 1h1v1h-1zM12 1h1v1h-1zM14 1h1v1h-1zM16 0h1v2h-1zM17 1h1v1h-1zM18 0h1v2h-1z"/></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="380" height="140" viewBox="0 0 19 7"><g fill="gray"><path d="M0 1h19v6H0z"/><path d="M0 0h1v2H0zM2 0h1v2H2zM4 0h1v1H4zM6 0h1v1H6zM8 0h1v1H8zM10 0h1v1h-1zM12 0h1v1h-1zM14 0h1v1h-1zM16 0h1v2h-1zM18 0h1v2h-1z"/></g></svg>
\ No newline at end of file
diff --git a/play.html b/play.html
index 14ea4a8..9835b28 100644
--- a/play.html
+++ b/play.html
@@ -263,11 +263,21 @@ body.shift .block.known:hover {
 	background-repeat: no-repeat;
 	padding: 0;
 	height: 107px;
-	padding-top: 53px;
+	padding-top: 33px;
 	border-bottom: 5px solid dimgray;
-	filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.5));
+	filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.5));
+	justify-content: left;
 }
 
+#FC.c1 .battle_menu:first-child { margin-left: 30px; }
+#FC.c2 .battle_menu:first-child { margin-left: 25px; }
+#FC.c3 .battle_menu:first-child { margin-left: 20px; }
+#FC.c4 .battle_menu:first-child { margin-left: 15px; }
+#EC.c1 .battle_menu:first-child { margin-left: 30px; }
+#EC.c2 .battle_menu:first-child { margin-left: 25px; }
+#EC.c3 .battle_menu:first-child { margin-left: 20px; }
+#EC.c4 .battle_menu:first-child { margin-left: 15px; }
+
 #FC.c0, #EC.c0 { display: none; }
 #FC.c1, #EC.c1 { background-image: url('castle_1.svg'); width: 140px; }
 #FC.c2, #EC.c2 { background-image: url('castle_2.svg'); width: 220px; }