Theme properties are more visible

1 files changed, 11 insertions, 14 deletions

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 */
 /*===========*/