Theme properties are more visible

app/views/configure/display.phtml

@@ -38,7 +38,9 @@
 								<?php } ?>
 							</div>
 							<div class="properties">
-								<?php echo $theme['name'] . ' — ' . _t('by') . ' ' . $theme['author']?>
+								<div><?php echo sprintf('%s - %s %s', $theme['name'], _t('by'), $theme['author']) ?></div>
+								<div><?php echo $theme['description'] ?></div>
+								<div class="page-number"><?php echo sprintf('%d/%d', $i, $slides) ?></div>
 							</div>
 						</li>
 						<?php $i++ ?>

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