diff --git a/app/views/configure/display.phtml b/app/views/configure/display.phtml
index 39582249e..1c925a5ca 100644
--- a/app/views/configure/display.phtml
+++ b/app/views/configure/display.phtml
@@ -38,7 +38,9 @@
diff --git a/p/themes/base-theme/template.css b/p/themes/base-theme/template.css
index aab511fb9..80f76e80b 100644
--- a/p/themes/base-theme/template.css
+++ b/p/themes/base-theme/template.css
@@ -692,6 +692,7 @@ br + br + br {
position: relative;
min-width: 260px;
max-width: 640px;
+ margin-bottom: 30px;
}
.slides * {
user-select: none;
@@ -740,26 +741,19 @@ br + br + br {
padding: 0;
}
.properties {
- bottom: 15px;
+ bottom: -35px;
+ position: absolute;
+ width: 100%;
display: none;
- left: 15%;
- padding: 5px;
+}
+.properties .page-number {
+ right: 0;
+ top: 0;
position: absolute;
- text-align: center;
- width: 70%;
- font-size: 15pt;
- text-shadow: 0px 0px 15px rgb(119, 119, 119);
- border-radius: 5px;
- box-shadow: 5px 5px 10px;
- border: 1px solid;
- background-color: #fff;
}
.slide:hover + .nav label {
opacity: 0.5;
}
-.slide:hover ~ .properties {
- display: block;
-}
.nav label:hover {
opacity: 1;
}
@@ -774,6 +768,9 @@ input:checked + .slide-container .slide {
input:checked + .slide-container .nav label {
display: block;
}
+input:checked + .slide-container .properties {
+ display: block;
+}
/*=== DIVERS */
/*===========*/