X-Git-Url: https://git-public.kairo.at//?a=blobdiff_plain;f=style%2Flantea.css;h=10d00d17777f1d81919db32e3bcb55a562060fe9;hb=740a3861f7b1132362e3006ab32ac5bd37174b76;hp=64ee62ff1ef49e1702c434bfb0161b45a2117201;hpb=e1c3d337e88cb06b988d97e060938466a9815634;p=lantea.git

diff --git a/style/lantea.css b/style/lantea.css
index 64ee62f..10d00d1 100644
--- a/style/lantea.css
+++ b/style/lantea.css
@@ -143,10 +143,19 @@ h1 {
   display: block;
 }
 
+/* non-standard touch screen detection for Mozilla browsers */
 .overlayArea:-moz-system-metric(touch-enabled),
 .menuDrawer:-moz-system-metric(touch-enabled) {
+  font-size: 3mm;
   font-size: 3mozmm;
 }
+/* Standard, Media Queries Level 4 touch screen detection */
+@media (pointer:coarse) {
+  .overlayArea,
+  .menuDrawer {
+    font-size: 16px;
+  }
+}
 
 .overlayArea input[type="button"],
 .overlayArea button,
@@ -183,7 +192,7 @@ h1 {
 
 @media screen and (max-width: 330px) {
   .menuDrawer {
-    left: calc(-300px - 1ch); /* account for padding */
+    transform: translateX(calc(-300px - 1ch)); /* account for padding */
     width: 300px;
   }
 }
@@ -410,6 +419,12 @@ h1 {
   color: #FFFFFF;
 }
 
+#loginerror {
+  color: red;
+  font-weight: bold;
+  padding: .5em;
+}
+
 /* dialog area - for loading error and welcome messages */
 #dialogArea {
   position: absolute;