From 0400b8ca5dfadb75563baf41ca206159465a8605 Mon Sep 17 00:00:00 2001
From: Alexandre Flament <alex@al-f.net>
Date: Fri, 19 Nov 2021 10:32:42 +0100
Subject: [PATCH] [fix] simple theme: fix layout image detail on mobile

the width of #main_results #results.image-detail-open.only_template_images
was set to 59.25rem. On mobile, the images overflowed on right side of
the viewport, which creates a horizontal scroll.

This commit set the value to min(98%, 59.25rem) whatever the max-width is.
---
 searx/static/themes/simple/src/less/detail.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/searx/static/themes/simple/src/less/detail.less b/searx/static/themes/simple/src/less/detail.less
index 452544a34..ab15be1a3 100644
--- a/searx/static/themes/simple/src/less/detail.less
+++ b/searx/static/themes/simple/src/less/detail.less
@@ -1,5 +1,5 @@
 #main_results #results.image-detail-open.only_template_images {
-  width: 59.25rem !important;
+  width: min(98%, 59.25rem) !important;
 }
 
 #main_results #results.only_template_images.image-detail-open #backToTop {