X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;ds=sidebyside;f=style%2Flantea.css;h=16bacfcc11edc4774132d558fb0b6279d4a592d3;hb=0713fd6a18112db2b55d7e2e3c4b58658fb4c030;hp=589beff92bb657bd98b4a32f3af584fbc9bf0de4;hpb=34402ca571c12608114dad5e917f9e6b60ae5dd8;p=lantea.git

diff --git a/style/lantea.css b/style/lantea.css
index 589beff..16bacfc 100644
--- 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;
   }
 }
@@ -219,11 +219,6 @@ h1 {
   font-size: .75em;
 }
 
-.dialogTitle {
-  margin: 0 0 .5em;
-  font-weight: bold;
-}
-
 .dialogHelp {
   margin: .5em 0;
   font-size: .8em;
@@ -415,12 +410,19 @@ h1 {
   color: #FFFFFF;
 }
 
-/* dialog area - only used for loading error */
+#loginerror {
+  color: red;
+  font-weight: bold;
+  padding: .5em;
+}
+
+/* dialog area - for loading error and welcome messages */
 #dialogArea {
+  position: absolute;
   top: 20%;
   right: 0;
   left: 0;
-  width: 30ch;
+  width: 50ch;
   max-width: 92%;
   z-index: 10;
   background-color: rgba(255, 255, 255, .8);
@@ -431,10 +433,19 @@ h1 {
 }
 
 #dialogArea.hidden {
-  top: -100%;
+  top: -1000%;
   display: block;
 }
 
+.dialogTitle {
+  margin: 0 0 .5em;
+  font-weight: bold;
+}
+
+.dialogButtonLine {
+  text-align: center;
+}
+
 /* full screen overlay - library, etc. */
 .fullScreenOverlay {
   position: absolute;