From 7dfecb68dc70a36c62caf842314684dd50c6be7d Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Fri, 27 Oct 2023 23:52:46 +0200
Subject: Mobile friendly info pages.

---
 info/cards.html      | 5 +++--
 info/censorship.html | 3 ++-
 info/rules.html      | 5 +++--
 3 files changed, 8 insertions(+), 5 deletions(-)
diff --git a/info/cards.html b/info/cards.html
index bda89fd..abd00f7 100644
--- a/info/cards.html
+++ b/info/cards.html
@@ -1,12 +1,13 @@
 <!DOCTYPE html>
-<html class="jpeg">
+<html>
+<meta name="viewport" content="width=600">
 <title>Red Flag Over Paris - Cards</title>
 <style>
 body {
 	background-color: slategray;
 }
 .list {
-	margin: 40px;
+	margin: 20px;
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: center;
diff --git a/info/censorship.html b/info/censorship.html
index 259ad2c..1863247 100644
--- a/info/censorship.html
+++ b/info/censorship.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
-<html class="jpeg">
+<html>
+<meta name="viewport" content="width=1060">
 <title>Red Flag Over Paris - Censorship Variant</title>
 <style>
 body {
diff --git a/info/rules.html b/info/rules.html
index abcbabc..c06dcb5 100644
--- a/info/rules.html
+++ b/info/rules.html
@@ -1,11 +1,12 @@
 <!DOCTYPE html>
 <html>
 <head>
+<meta name="viewport" content="width=880">
 <title>Red Flag Over Paris - Rules of Play</title>
 <link rel="stylesheet" href="/fonts/fonts.css">
 <style>
-body{background-color:slategray;font-family:Tinos,Times New Roman,Times,serif}
-div{position:relative;background-color:white;margin:1em auto;box-shadow:1px 1px 8px -2px black}
+body{background-color:slategray;font-family:Tinos,Times New Roman,Times,serif;margin:20px}
+div{position:relative;background-color:white;margin:20px auto;box-shadow:1px 1px 8px -2px black}
 p{position:absolute;white-space:pre;margin:0}
 p{font-size:11pt}
 </style>
-- 
cgit v1.2.3

