more library styling: make only the list scroll, don't overlap close button

[lantea.git] / style / lantea.css

diff --git a/style/lantea.css b/style/lantea.css
index 975fe4cd19e1e527a68a2b414f304d4112d28f95..589beff92bb657bd98b4a32f3af584fbc9bf0de4 100644 (file)
--- a/style/lantea.css
+++ b/style/lantea.css
@@ -74,6 +74,8 @@ h1 {
   background-image: radial-gradient(circle 1.5em, #FFFFFF, transparent);
   color: #0000FF;
   border: none;
+  padding: 0;
+  margin: 0;
 }
 
 #zoomArea > input[type="button"] {
@@ -449,7 +451,7 @@ h1 {
 }
 
 .fullScreenOverlay.hidden {
-  top: -100%;
+  top: -1000%;
   bottom: auto;
   height: 90%;
   display: block;
@@ -469,6 +471,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) {