X-Git-Url: https://git-public.kairo.at/?p=lantea.git;a=blobdiff_plain;f=style%2Flantea.css;h=64ee62ff1ef49e1702c434bfb0161b45a2117201;hp=7835b4215e3f715dcd0ea9cc58fcf895aa4e55ec;hb=5e9f4a24c890ea34a762380ac01d76648a8547e5;hpb=28200143f1cf692676da0ca17fa49b7de8d0b62b

diff --git a/style/lantea.css b/style/lantea.css
index 7835b42..64ee62f 100644
--- a/style/lantea.css
+++ b/style/lantea.css
@@ -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,13 @@ h1 {
   color: #FFFFFF;
 }
 
-/* dialog area - only used for loading error */
+/* 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 +427,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;
@@ -442,7 +447,6 @@ h1 {
   bottom: 1%;
   right: 1%;
   left: 1%;
-  overflow: auto;
   z-index: 10;
   background-color: rgba(15, 15, 15, 1.0);
   border: 0;
@@ -472,6 +476,26 @@ h1 {
 }
 */
 
+.fullScreenOverlay p {
+  margin: 0.5em 0;
+}
+
+.fullScreenOverlay > p:first-child {
+  margin-top: 0;
+  /* leave space for close button */
+  margin-right: 1.5em;
+}
+
+#libTrackList {
+  overflow: auto;
+  /* 2em is top/bottom margin, and one line is shown above and below, with .5em margin each */
+  height: calc(100% - 5em);
+}
+
+#libTrackPages {
+  margin-bottom: 0;
+}
+
 /* small screen media adaptations */
 @media screen and (max-width: 500px),
        screen and (max-height: 500px) {