making this look usable on ipad and okay on larger desktop browser

This commit is contained in:
2021-06-18 00:40:13 +10:00
parent 288665ec42
commit beb1ae6eb8

View File

@@ -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" %}