From a4e9a1e7dec30f7cc14fb0448299beefdfd99034 Mon Sep 17 00:00:00 2001 From: Ruben Date: Sat, 11 Mar 2017 13:08:28 +0100 Subject: [PATCH] More responsive --- server.py | 16 ++++++---------- templates/index.html | 34 ++++++++++++++++++++++++++++------ 2 files changed, 34 insertions(+), 16 deletions(-) diff --git a/server.py b/server.py index d2f243a..b042ca8 100644 --- a/server.py +++ b/server.py @@ -77,27 +77,23 @@ class ColourHandler(tornado.web.RequestHandler): statHtml = ""; self.write("\n".join([svg, imgHtml, statHtml]) ) diff --git a/templates/index.html b/templates/index.html index 4ed55dc..3f1a7e3 100644 --- a/templates/index.html +++ b/templates/index.html @@ -170,11 +170,33 @@ color:blue; } -/* Standard syntax */ -@keyframes rotate { - from {transform: rotate(0deg);} - to {transform: rotate(360deg);} -} + @keyframes rotate { + from {transform: rotate(0deg);} + to {transform: rotate(360deg);} + } + + @media screen and (orientation:portrait) { + #stats{ + display:block; + clear:both; + padding-bottom:4em; + } + #stats > div { + display:inline-block; + } + #main svg{ + width:80% !important; + left:20%; + } + #main svg#spinner{ + width:5%; + /*top: 44.5% !important;*/ + left:20.5% !important; + } + #info{ + left: calc(60% - 15em); + } + } @@ -217,7 +239,7 @@ - +