From 5d7eed68eb3c0ec7f597974fb4ab00be4db76385 Mon Sep 17 00:00:00 2001
From: Damien De Paoli <ddp@depaoli.id.au>
Date: Sun, 5 Sep 2021 22:44:25 +1000
Subject: [PATCH] fix BUG-49 (images in DBox no horizontally spaced) and fixed
 spacing between images and buttons

---
 BUGs                         | 3 +--
 internal/js/files_support.js | 9 +++------
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/BUGs b/BUGs
index 04c5c00..1bb241a 100644
--- a/BUGs
+++ b/BUGs
@@ -1,2 +1 @@
-### Next: 49
-BUG-49: Move and Del DBoxes are showing thumbnails vertically not horizontally
+### Next: 50
diff --git a/internal/js/files_support.js b/internal/js/files_support.js
index db2020f..8a97ecb 100644
--- a/internal/js/files_support.js
+++ b/internal/js/files_support.js
@@ -4,7 +4,7 @@ function GetSelnAsDiv()
     $('.highlight').each(function( index ) { 
         seln+='<div fname="' + $(this).attr('fname') + '" yr="' + $(this).attr('yr') +
             '" date="' + $(this).attr('date') +
-            '" class="px-1">' + $(this).children().parent().html() + '</div>'
+            '" class="px-1 col col-auto">' + $(this).children().parent().html() + '</div>'
         seln+='<input type="hidden" name="eid-'+index+'" value="'+$(this).attr('id')+'">'
         } )
     return '<div class="row col-12">'+seln+'</div>'
@@ -26,8 +26,6 @@ function RunAIOnSeln(person)
 
 function MoveDBox(sps, db_url)
 {
-    console.log(sps)
-    console.log(db_url)
     $('#dbox-title').html('Move Selected File(s) to new directory in Storage Path')  
     div =`
         <div class="form-row col-12">
@@ -64,8 +62,7 @@ function MoveDBox(sps, db_url)
         "></input>
         <input type="text" name="suffix" class="form-control" placeholder="name"> </input>
         </div>
-        <br>
-        <div class="form-row col-12">
+        <div class="form-row col-12 mt-2">
             <button onClick="$('#dbox').modal('hide'); return false;" class="btn btn-outline-secondary offset-1 col-2">Cancel</button>
             <button onClick="$('#dbox').modal('hide'); $('#mv_fm').submit(); return false;" class="btn btn-outline-primary col-2">Ok</button>
         </div>
@@ -81,7 +78,7 @@ function DelDBox(del_or_undel)
     $('#dbox-title').html(del_or_undel+' Selected File(s)')
     div ='<div class="row col-12"><p class="col">' + del_or_undel + ' the following files?</p></div>'
     div+=GetSelnAsDiv()
-    div+=`<div class="row col-12">
+    div+=`<div class="row col-12 mt-3">
             <button onClick="$('#dbox').modal('hide')" class="btn btn-outline-secondary col-2">Cancel</button>
     `
     div+=`