From 0bc07c986c356e2287142aead275dd9833ff0de6 Mon Sep 17 00:00:00 2001
From: Nicolas MASSE <nicolas.masse@itix.fr>
Date: Mon, 4 May 2020 17:13:05 +0200
Subject: [PATCH] improve look and feel

---
 web/css/main.css | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/web/css/main.css b/web/css/main.css
index 561abe6..b9f840f 100644
--- a/web/css/main.css
+++ b/web/css/main.css
@@ -26,12 +26,17 @@ body.album {
 }
 
 .album li {
-    height: 20vh;
+    /*
+     * Line height is expressed as a factor of the viewport width since
+     * we want to fit roughly the same amount of photos per line,
+     * independently of the user's device
+     */
+    height: 13vw;
     flex-grow: 0.5;
     list-style-type: none;
+    padding: 1px;
 }
 
-
 .album li img, .album li video {
     max-height: 100%;
     min-width: 100%;