More improvements on photo display

assets/css/photos.css

@@ -1,22 +1,22 @@
-#photo-container {
+#photoContainer {
     margin: 0 5%;
 }
 
-.photos-folder {
+.photos-folder-container {
     width: 100%;
     border: 1px solid #5a5a5a;
     border-radius: 5px;
 }
 
-.photos-folder a:hover, .photos-path a:hover, #downloadAlbum:hover {
+.photos-folder-container a:hover, .photos-path a:hover, #downloadAlbum:hover {
     box-shadow: 0 0 10px #000;
     background-color: #635247;
 }
 
-.photos-folder a {
+.photos-folder-container a {
     text-decoration: none;
     border-radius: 5px;
-    min-width: 150px;
+    width: 200px;
     height: 120px;
     padding: 10px;
     margin: 5px;
@@ -81,12 +81,13 @@
     display: flex;
     list-style: none;
     padding: 0;
+    line-height: 15px;
 }
 
 .photos-path a {
     font-size: 15px;
     text-decoration: none;
-    border-radius: 5px;
+    border-radius: 2px;
     padding: 5px;
     margin: 5px;
     display: inline-flex;
@@ -262,7 +263,7 @@
 }
 
 @media screen and (max-width: 576px) {
-    .photos-folder a {
+    .photos-folder-container a {
         min-width: 100px;
         height: 70px;
     }

photos.php

@@ -262,9 +262,9 @@ function generatePath($path)
         ?>
     </ul>
 </div>
-<div id="photo-container">
+<div id="photoContainer">
     <?php if (getDirectoriesCount(photoRoot . getActivePath()) > 0): ?>
-        <div class="photos-folder">
+        <div class="photos-folder-container">
             <?php
             createDirectories(getActivePath());
             ?>
@@ -274,7 +274,7 @@ function generatePath($path)
         <a download=""
            href="photos_folders/photos<?php echo getActivePath() . DIRECTORY_SEPARATOR . GetActiveFolder(getActivePath()) ?>.zip"
            id="downloadAlbum">
-            <span id="downloadText"><i class="fas fa-download"></i>Télécharger l'album</span>
+            <span id="downloadText"><i class="fas fa-download"></i>Télécharger</span>
             <span id="albumPhotoCount"><?php echo getPhotoCount(photoRoot . getActivePath()) ?> photos</span>
         </a>
     <?php endif; ?>