make drawers work again on small screens, show a warning when indexedDB is not loading

[lantea.git] / style / lantea.css

diff --git a/style/lantea.css b/style/lantea.css
index 64ee62ff1ef49e1702c434bfb0161b45a2117201..16bacfcc11edc4774132d558fb0b6279d4a592d3 100644 (file)
--- a/style/lantea.css
+++ b/style/lantea.css
@@ -183,7 +183,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 +410,12 @@ h1 {
   color: #FFFFFF;
 }
 
+#loginerror {
+  color: red;
+  font-weight: bold;
+  padding: .5em;
+}
+
 /* dialog area - for loading error and welcome messages */
 #dialogArea {
   position: absolute;