From c6858b076f629dc60512de957b82d33331a5b8b6 Mon Sep 17 00:00:00 2001 From: aslmx Date: Sun, 8 Nov 2020 21:01:11 +0100 Subject: [PATCH 1/3] Changed layout into two columns with full height --- index.html | 35 ++++++++++++++++++++++++----------- 1 file changed, 24 insertions(+), 11 deletions(-) diff --git a/index.html b/index.html index 68cbc22..7985509 100644 --- a/index.html +++ b/index.html @@ -4,27 +4,40 @@ Pingwatch
+
+
From 232248321d873bb87b27b845134a0cfa1009ad43 Mon Sep 17 00:00:00 2001 From: aslmx Date: Mon, 9 Nov 2020 20:00:22 +0100 Subject: [PATCH 2/3] change CSS to respect display size --- index.html | 32 +++++++++++++++++++------------- 1 file changed, 19 insertions(+), 13 deletions(-) diff --git a/index.html b/index.html index 7985509..3bf39ab 100644 --- a/index.html +++ b/index.html @@ -13,20 +13,26 @@ div#legend span.highlight { background-color: #dddddd; } - div#legend { - width: 20vw; - height: 88vh; - float: right; - } - div#optionsform { - width: 20vw; - height: 10vh; - float: right; - } div#ping { - width: 75vw; - height: 98vh; - float: left; + width: 95vw; + height: 50vh; + } + @media (min-width: 1200px) { + div#legend { + width: 20vw; + height: 88vh; + float: right; + } + div#optionsform { + width: 20vw; + height: 10vh; + float: right; + } + div#ping { + width: 75vw; + height: 98vh; + float: left; + } } From b0dab762440e96edb17c0dad059cf288aae0006a Mon Sep 17 00:00:00 2001 From: aslmx Date: Mon, 9 Nov 2020 20:06:46 +0100 Subject: [PATCH 3/3] change width to 1080 as this seems to be a common screenwidth https://screensiz.es/phone --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 3bf39ab..f1748e8 100644 --- a/index.html +++ b/index.html @@ -17,7 +17,7 @@ width: 95vw; height: 50vh; } - @media (min-width: 1200px) { + @media (min-width: 1080px) { div#legend { width: 20vw; height: 88vh;