From 89d27ddf3c0356c3ad96aeb5f663d25887730279 Mon Sep 17 00:00:00 2001
From: schlagmichdoch <schlagmichdoch@users.noreply.github.com>
Date: Tue, 16 May 2023 01:40:59 +0200
Subject: [PATCH] add fix for about bg size to websocket fallback too and tidy
 up

---
 public/styles.css                      |  4 ++--
 public_included_ws_fallback/styles.css | 12 +++++++-----
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/public/styles.css b/public/styles.css
index 0db65ad..1a16425 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -1144,7 +1144,7 @@ button::-moz-focus-inner {
 
 #about x-background {
     position: absolute;
-    --size: max(max(23vw, 23vh), calc((22.5vh + 22.5vw) / 1.5));
+    --size: max(max(230vw, 230vh), calc(150vh + 150vw));
     --size-half: calc(var(--size)/2);
     top: calc(28px - var(--size-half));
     right: calc(36px - var(--size-half));
@@ -1163,7 +1163,7 @@ button::-moz-focus-inner {
 }
 
 #about:target x-background {
-    transform: scale(10);
+    transform: scale(1);
 }
 
 #about .row a {
diff --git a/public_included_ws_fallback/styles.css b/public_included_ws_fallback/styles.css
index 3ba9d45..9c34a99 100644
--- a/public_included_ws_fallback/styles.css
+++ b/public_included_ws_fallback/styles.css
@@ -1170,10 +1170,12 @@ button::-moz-focus-inner {
 
 #about x-background {
     position: absolute;
-    top: calc(28px - 250px);
-    right: calc(36px - 250px);
-    width: 500px;
-    height: 500px;
+    --size: max(max(230vw, 230vh), calc(150vh + 150vw));
+    --size-half: calc(var(--size)/2);
+    top: calc(28px - var(--size-half));
+    right: calc(36px - var(--size-half));
+    width: var(--size);
+    height: var(--size);
     border-radius: 50%;
     background: var(--primary-color);
     transform: scale(0);
@@ -1187,7 +1189,7 @@ button::-moz-focus-inner {
 }
 
 #about:target x-background {
-    transform: scale(10);
+    transform: scale(1);
 }
 
 #about .row a {