improve usability on face dbox for search/overrides, etc.

BUGs

@@ -1,4 +1,4 @@
-### Next: 91
+### Next: 92
 BUG-60: entries per page in flat view will get how_many from each top-level dir in PATH - causes viewer to get lost in eids for last_eid
 BUG-85: once we rebuild data from scratch, need to reset just clean out pa_user_state's
 BUG-87: using Person->show matches->then view an image shows bug in viewer with msising data in json -- that same image via a filename search works...
@@ -28,7 +28,4 @@ BUG-90: I added photo of mich as kid (ice-cream in paris) and then somehow it ma
 	- either lib. is weird; OR
 	- I should get a lower score for mich in that image, and somehow my order/face matching is not doing the right thing
 
-BUG-91: uploading reference images from a phone, does soemthing to the format (they are uploaded as some sort of TIFF inside jpeg?: 
-	"JPEG image data, Exif standard: [TIFF image data, little-endian, direntries=12, height=3024, manufacturer=samsung, model=SM-G980F, orientation=upper-right, xresolution=210, yresolution=218, resolutionunit=2, software=G980FXXUEFVDB, datetime=2022:07:03 14:04:43, width=4032], baseline, precision 8, 4032x3024, components 3"
-
-	and then face_recognition.load_image cant find a face in it -- but, if I uplaod via a browser, its a more normal jpeg that I can find a face in... ODD)
+BUG-91: face_recognition not working on many of Mandy's newer phone images

Dockerfile

@@ -1,4 +1,4 @@
-FROM ubuntu:20.04
+FROM ubuntu:22.04
 WORKDIR /code
 USER root
 ENV PJM_UID=500

internal/js/view_support.js

@@ -402,16 +402,16 @@ function AddSearch( content, key, face_pos )
 function FaceDBox(key, item)
 {
 	face_pos=item[key]['which_face']
-    div ='<p>'
+    div ='<div class="col-6"><p>'
     div+='Face position #' + face_pos
     div+='<div id="face_img"></div>'
-    $.ajax({ type: 'POST', data: null, url: '/get_face_from_image/'+item[key]['id'], 
+    $.ajax({ type: 'POST', data: null, url: '/get_face_from_image/'+item[key].id, 
         success: function(img_data) { 
 			item[key].refimg_data=img_data
             $('#face_img').html( '<img src="data:image/jpeg;base64,' + img_data + '"></img>' )
         }
     } )
-    div+='</p>'
+    div+='</p></div><div class="col-6">'
     if ( key == 'remove_override_force_match' )
 	{
 		if( objs[current].faces[face_pos].override.type_name == 'Manual match to existing person' )
@@ -457,6 +457,7 @@ function FaceDBox(key, item)
 			div+='</div>'
 		}
 	}
+	div+='</div>'
     $('#dbox-title').html(item[key]['name'])
     $('#dbox-content').html(div)
     $('#dbox').modal('show')