From 56af1ceb328dcec7e29de3c7a1c26c966bed9051 Mon Sep 17 00:00:00 2001
From: 365cent <74791570+365cent@users.noreply.github.com>
Date: Mon, 5 Jun 2023 03:39:57 -0400
Subject: fileserver: browse: Better grid layout (#5564)

* feat: better implementation of grid layout

* fix: vertical alignment
---
 modules/caddyhttp/fileserver/browse.html | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

(limited to 'modules/caddyhttp')

diff --git a/modules/caddyhttp/fileserver/browse.html b/modules/caddyhttp/fileserver/browse.html
index dc148b5..da8074e 100644
--- a/modules/caddyhttp/fileserver/browse.html
+++ b/modules/caddyhttp/fileserver/browse.html
@@ -547,17 +547,16 @@ td .go-up {
 }
 
 .grid {
-	display: flex;
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));
+	justify-items: center;
+	align-items: start;
 	gap: 2px;
-	flex-wrap: wrap;
 }
 
 .grid .entry {
 	position: relative;
-	width: 20%;
-	min-width: 250px;
-	max-width: 400px;
-	flex: 1;
+	width: 100%;
 }
 
 .grid .entry a {
-- 
cgit v1.2.3