From 085dbcdf3ac9039128aa8db3cdf4ab2f91c4eca5 Mon Sep 17 00:00:00 2001
From: Damien De Paoli <ddp@depaoli.id.au>
Date: Thu, 22 Jul 2021 19:51:54 +1000
Subject: [PATCH] more bootstrap 5 fixes

---
 templates/dups.html | 28 ++++++++++++++++++++--------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/templates/dups.html b/templates/dups.html
index e52c419..0695ea6 100644
--- a/templates/dups.html
+++ b/templates/dups.html
@@ -1,12 +1,22 @@
 {% extends "base.html" %} {% block main_content %}
+
+
+<svg style="display:none">
+    <svg id="info" fill="currentColor" viewBox="0 0 16 16">
+      <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+      <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
+    </svg>
+</svg>
+
 	<div class="container-fluid">
 		<h3 class="offset-lg-2">{{page_title}}</h3>
+        <div class="row">
         <form id="psform" class="d-flex justify-content-center form-inline" method="POST" action="">
             <input type="hidden" name="fe_msg_id" value="{{fe_msg_id}}"></input>
-            <h5>
-            <div class="form-group">
-                <label for="pagesize">{{DD.total_dups}} duplicate files ({{DD.uniq_dups}} Unique)  -- Showing&nbsp;</label>
-                <select id="pagesize" class="form form-control" name="pagesize" onChange="ResetPageSize()">
+            <h6>
+            <div class="input-group">
+                <label class="input-group-text" for="pagesize">{{DD.total_dups}} duplicate files ({{DD.uniq_dups}} Unique)  -- Showing&nbsp;</label>
+                <select id="pagesize" class="form-select" name="pagesize" onChange="ResetPageSize()">
                 {% for o in "5", "10", "15", "20", "25", "50", "75", "100", "200", "500", "1000", "5000", "20000" %}
                     <option
                     {% if o|int == pagesize %}
@@ -15,11 +25,13 @@
                     >{{o}}</option>
                 {% endfor %}
                 </select>
-                &nbsp;duplicates at a time &nbsp;
-                <button class="button btn-info" onMouseOver="$('#dbox').modal('show'); return false;"><i class="fas fa-info-circle"></i></button>
-            </div>
-            </h5>
+                <span class="input-group-text">&nbsp;duplicates at a time &nbsp;
+                    <svg width="16" height="16" fill="currentColor"><use xlink:href="#info" onMouseOver="$('#dbox').modal('show'); return false;"></svg>
+                </span>
+            </div class="input-group">
+            </h6>
         </form>
+        </div class="row">
         <script>
             let D=[]
             let F=[]