From beb1ae6eb86372de6101db5e3786ef1b5425d8d9 Mon Sep 17 00:00:00 2001
From: Damien De Paoli <ddp@depaoli.id.au>
Date: Fri, 18 Jun 2021 00:40:13 +1000
Subject: [PATCH] making this look usable on ipad and okay on larger desktop
 browser

---
 templates/files.html | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/templates/files.html b/templates/files.html
index 43d7f4b..9310439 100644
--- a/templates/files.html
+++ b/templates/files.html
@@ -23,7 +23,7 @@
                         {{tmp_path}}</span>
                     </div class="col my-auto">
                 {% endif %}
-                <div class="input-group col-lg-4">
+                <div class="px-0 input-group col-lg-4">
                     {{CreateSelect( "noo", noo, ["Oldest", "Newest"], "$('#offset').val(0)")|safe }}
                     {{CreateSelect( "how_many", how_many, ["10", "25", "50", "75", "100", "150", "200", "500"])|safe }}
                     {% if folders %}
@@ -31,7 +31,7 @@
                         {{CreateFoldersSelect( folders )|safe }}
                     {% else %}
                         {{CreateFoldersSelect( folders )|safe }}
-                        <span style="border:0" class="sm-txt my-auto h-100 btn btn-outline-info disabled">grouped by:</span>
+                        <span style="border:0" class="sm-txt my-auto btn btn-outline-info disabled">grouped by:</span>
                         {{CreateSelect( "grouping", grouping, ["None", "Day", "Week", "Month"])|safe }}
                     {% endif %}
                 </div class="input-group">
@@ -42,10 +42,8 @@
                 {% endif %}
                 <div class="col my-auto d-flex justify-content-end">
                     <button id="prev" name="prev" class="sm-txt btn btn-info"><i class="fas fa-arrow-alt-circle-left"></i></button>
-                    <span class="sm-txt h-100 my-auto">&nbsp;{{how_many}} files&nbsp;</span>
+                    <span class="sm-txt my-auto">&nbsp;{{how_many}} files&nbsp;</span>
                     <button id="next" name="next" class="sm-txt btn btn-info"><i class="fas fa-arrow-alt-circle-right"></i></button>
-                </div>
-                <div class="col my-auto">
                     <button id="move" disabled name="move" class="sm-txt btn btn-primary ml-4" onClick="MoveDBox(); return false;"><i class="fas fa-folder-plus"></i></button>
                     {% if "files_rbp" in request.url %}
                         <button id="del" disabled name="del" class="sm-txt btn btn-success mx-1" onClick="DelDBox('Restore'); return false;">
@@ -56,17 +54,14 @@
                     {% endif %}
                     </button>
                 </div>
-                <div class="input-group col-lg-3 justify-content-end">
-                    <div class="input-group-prepend">
-                        <button style="width:98%" class="sm-txt btn btn-outline-info disabled" disabled>Size:</button>
-                    </div>
+                <div class="px-0 input-group col justify-content-end">
                     {% if size == "64" %}
                         {% set bt="btn-info" %}
                     {% else %}
                         {% set bt="btn-outline-info" %}
                     {% endif %}
-                    <div class="input-group-append">
-                        <button id="64" class="sm-txt sz-but btn {{bt}}" onClick="ChangeSize(this,64); return false;">XS</button>
+                    <div class="input-group-prepend">
+                        <button id="64" style="width:98%" class="sm-txt sz-but btn {{bt}}" onClick="ChangeSize(this,64); return false;">XS</button>
                     </div>
                     {% if size == "96" %}
                         {% set bt="btn-info" %}