From 95ad6b92be4eaa7b18394390bcc0a121d1342a88 Mon Sep 17 00:00:00 2001
From: "Andrey V. Novikov" <AndrewNovikov@yandex.ru>
Date: Thu, 2 Feb 2023 15:24:24 +0300
Subject: [PATCH] fix: rendering on small (mobile) screens

- Allow wrapping of long breadcrumbs line that leads to horizontal scrolling and breaks lightGallery zooming
- Maximize filenames column width and shrink icons column
---
 apaxy/theme/style.css | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/apaxy/theme/style.css b/apaxy/theme/style.css
index 96795da..d597313 100644
--- a/apaxy/theme/style.css
+++ b/apaxy/theme/style.css
@@ -164,7 +164,6 @@ th {
 }
 
 /* 2nd Column: Filename */
-
 th + th {
   width: 65%;
 }
@@ -178,11 +177,7 @@ th + th + th + th {
   width: 5%;
 }
 
-tr th:first-of-type {
-  padding-left: 10px;
-  padding-right: 10px;
-}
-
+tr th:first-of-type,
 tr td:first-of-type {
   padding-left: 10px;
   padding-right: 10px;
@@ -234,6 +229,9 @@ tr.parent a[href^="/"] {
   body {
     padding: 10px;
   }
+  /* 2nd Column: Filename */
+  .indexcolname { width: 95%; }
+  /* 3rd Column: Last Modified */
   .indexcollastmod { display: none; }
   .wrapper { max-width: 100%; }
 }
@@ -320,7 +318,6 @@ tr.parent a[href^="/"] {
 \*------------------------------------*/
 
 .breadcrumb {
-  white-space: nowrap;
   padding: 0;
   margin: 0;
 }
@@ -332,6 +329,7 @@ tr.parent a[href^="/"] {
   margin: 0 9px 20px -10px;
   padding: 0 15px;
   position: relative;
+  white-space: nowrap;
 }
 @media (prefers-color-scheme: dark) {
   .breadcrumb li {