From 6a3e58986bfe5d82f69d3edaec307da521ab26d2 Mon Sep 17 00:00:00 2001
From: DianaXWiki <diana.voineag@xwiki.com>
Date: Fri, 8 Sep 2023 13:13:24 +0300
Subject: [PATCH] Maximize space on small screens #1086

---
 .../src/less2/include/fileupload.less         | 24 ++++++++++++-------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/customize.dist/src/less2/include/fileupload.less b/customize.dist/src/less2/include/fileupload.less
index 74b592f1e..5c69ab8bd 100644
--- a/customize.dist/src/less2/include/fileupload.less
+++ b/customize.dist/src/less2/include/fileupload.less
@@ -21,9 +21,9 @@
         color: @cp_upload-fg;
         max-height: 180px;
         overflow-y: auto;
-
+        overflow-x: hidden;
         @media screen and (max-width: @browser_media-medium-screen) {
-            left: 5vw; right: 5vw; bottom: 5vw;
+            left: 1vw; right: 1vw; bottom: 5vw;
         }
 
         .cp-fileupload-header {
@@ -48,24 +48,32 @@
         #cp-fileupload-table {
             width: 100%;
             @upload_pad_h: 0.25em;
-            @upload_pad_v: 0.5em;
+            @upload_pad_v: 0.25em;
 
             td {
                 padding: @upload_pad_h @upload_pad_v;
+                white-space:nowrap;
             }
             .cp-fileupload-table-link {
                 display: flex;
                 align-items: center;
                 white-space: nowrap;
-                max-width: 30vw;
+                max-width: 40vw;
                 margin: 0px @upload_pad_v;
                 .fa {
-                    margin-top: 4px;
+                    margin-top: 4px;  
                     margin-right: 5px;
                 }
                 .cp-fileupload-table-name {
                     overflow: hidden;
                     text-overflow: ellipsis;
+                    min-width: 35vw;
+
+                @media screen and (max-width: 600px)
+                {
+                    min-width:40vw;
+                }
+
                 }
                 &[href]:hover {
                     text-decoration: none;
@@ -75,16 +83,14 @@
                 }
             }
             .cp-fileupload-table-progress {
-                min-width: 20vw;//12em;
-                max-width: 60vw ;//16em;
-                font-size:90%;
                 position: relative;
                 text-align: center;
                 box-sizing: border-box;
+                min-width:20vw;
+
             }
             .cp-fileupload-table-progress-container {
                 position: relative;
-                max-width: 60vw;
             }
             .cp-fileupload-table-progressbar {
                 position: absolute;