From 72cccd061961a7b3e2359e01b8d6a286a14a9450 Mon Sep 17 00:00:00 2001
From: Bernd Stellwag <burned@zerties.org>
Date: Sun, 11 Oct 2020 19:21:10 +0200
Subject: [PATCH] make the clickable area around the link to the privacy
 message a bit bigger again so that it's easier to click on mobile devices
 (#366)

---
 example-multipleServers-full.html | 13 ++++++++++++-
 example-singleServer-full.html    | 15 +++++++++++++--
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/example-multipleServers-full.html b/example-multipleServers-full.html
index 8f75f6f..6ad30b5 100644
--- a/example-multipleServers-full.html
+++ b/example-multipleServers-full.html
@@ -352,7 +352,15 @@ function initUI(){
         text-align:center;
         font-size:0.8em;
         color:#808080;
+        padding: 0 3em;
 	}
+    div.closePrivacyPolicy {
+        width: 100%;
+        text-align: center;
+    }
+    div.closePrivacyPolicy a.privacy {
+        padding: 1em 3em;
+    }
 	@media all and (max-width:40em){
 		body{
 			font-size:0.8em;
@@ -473,7 +481,10 @@ function initUI(){
         Contact this email address for all deletion requests: <a href="mailto:PUT@YOUR_EMAIL.HERE">TO BE FILLED BY DEVELOPER</a>.
     </p>
     <br/><br/>
-    <a class="privacy" href="#" onclick="I('privacyPolicy').style.display='none'">Close</a><br/>
+    <div class="closePrivacyPolicy">
+        <a class="privacy" href="#" onclick="I('privacyPolicy').style.display='none'">Close</a>
+    </div>
+    <br/>
 </div>
 </body>
 </html>
diff --git a/example-singleServer-full.html b/example-singleServer-full.html
index e181f58..823ef9f 100644
--- a/example-singleServer-full.html
+++ b/example-singleServer-full.html
@@ -258,7 +258,15 @@ function initUI(){
         text-align:center;
         font-size:0.8em;
         color:#808080;
-	}
+        padding: 0 3em;
+    }
+    div.closePrivacyPolicy {
+        width: 100%;
+        text-align: center;
+    }
+    div.closePrivacyPolicy a.privacy {
+        padding: 1em 3em;
+    }
 	@media all and (max-width:40em){
 		body{
 			font-size:0.8em;
@@ -347,7 +355,10 @@ function initUI(){
         Contact this email address for all deletion requests: <a href="mailto:PUT@YOUR_EMAIL.HERE">TO BE FILLED BY DEVELOPER</a>.
     </p>
     <br/><br/>
-    <a class="privacy" href="#" onclick="I('privacyPolicy').style.display='none'">Close</a><br/>
+    <div class="closePrivacyPolicy">
+        <a class="privacy" href="#" onclick="I('privacyPolicy').style.display='none'">Close</a>
+    </div>
+    <br/>
 </div>
 <script type="text/javascript">setTimeout(function(){initUI()},100);</script>
 </body>