From 8b7596205a6588806b758a0fc7e09ff9b88335cd Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Fri, 27 Oct 2023 23:53:38 +0200
Subject: Mobile friendly info pages.

---
 info/blocks.html | 8 ++++----
 info/cards.html  | 1 +
 info/notes.html  | 1 +
 info/rules.html  | 5 +++--
 4 files changed, 9 insertions(+), 6 deletions(-)
diff --git a/info/blocks.html b/info/blocks.html
index 35188ed..9472050 100644
--- a/info/blocks.html
+++ b/info/blocks.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
 <html>
+<meta name="viewport" content="width=700">
 <title>Richard III - Blocks</title>
 <style>
 body {
-	margin: 40px;
+	margin: 20px;
 	background-color: slategray;
 	color: white;
 	text-align: center;
@@ -14,13 +15,12 @@ div.list {
 	justify-content: center;
 }
 div.block {
-	width: 60px;
-	height: 60px;
+	width: 62px;
+	height: 62px;
 	margin: 10px;
 	background-size: 700% 900%;
 	background-repeat: no-repeat;
 	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
-	border-radius: 6px;
 }
 div.block:hover {
 	transform: scale(2.0);
diff --git a/info/cards.html b/info/cards.html
index fa44df6..748f266 100644
--- a/info/cards.html
+++ b/info/cards.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+<meta name="viewport" content="width=700">
 <title>Richard III - Cards</title>
 <style>
 body { background-color: slategray; margin: 40px; text-align: center; color: white; }
diff --git a/info/notes.html b/info/notes.html
index 5b2a67a..22ba150 100644
--- a/info/notes.html
+++ b/info/notes.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <head>
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Richard III - Notes</title>
 <link rel="stylesheet" href="/fonts/fonts.css">
 <link rel="stylesheet" href="/style.css">
diff --git a/info/rules.html b/info/rules.html
index 274f12c..547dcec 100644
--- a/info/rules.html
+++ b/info/rules.html
@@ -1,11 +1,12 @@
 <!DOCTYPE html>
 <html>
 <head>
+<meta name="viewport" content="width=1060">
 <title>Richard III 1.02</title>
 <link rel="stylesheet" href="/fonts/fonts.css">
 <style>
-body{background-color:slategray}
-div{position:relative;background-color:white;margin:1em auto;line-height:0.8;box-shadow:1px 1px 8px -2px black}
+body{background-color:slategray;margin:20px}
+div{position:relative;background-color:white;margin:20px auto;line-height:0.8;box-shadow:1px 1px 8px -2px black}
 p{position:absolute;white-space:pre;margin:0;font-family:Gentium Basic}
 </style>
 </head>
-- 
cgit v1.2.3

