Fix small screen bugs

2 files changed, 30 insertions, 19 deletions

diff --git a/js/filelist.js b/js/filelist.js
index 13a2e06..31b4928 100644
--- a/js/filelist.js
+++ b/js/filelist.js
@@ -335,15 +335,18 @@
 				simpleSize = t('ransomware_detection', 'Pending');
 			}
 
-            td = $('<td></td>').attr({ "class": "selection"});
-            td.append('<input id="select-' +  this.id + '-' + fileData.id +
-					'" type="checkbox" class="selectCheckBox checkbox"/>' +
-                    '<label for="select-' +  this.id + '-' + fileData.id + '">' +
-                    '<div class="thumbnail" style="background-image:url(' + OC.MimeType.getIconUrl(fileData.type) + '); background-size: 32px;"></div>' +
-                    '<span class="hidden-visually">' + t('ransomware_detection', 'Select') + '</span>' +
-                    '</label>');
+            td = $('<td class="selection"></td>');
+            td.append(
+				'<input id="select-' + this.id + '-' + fileData.id +
+				'" type="checkbox" class="selectCheckBox checkbox"/><label for="select-' + this.id + '-' + fileData.id + '">' +
+				'<span class="hidden-visually">' + t('ransomware_detection', 'Select') + '</span>' +
+				'</label>'
+			);
             tr.append(td);
 
+            var nameWrapper = $('<div class="name-wrapper"></div>');
+            nameWrapper.append('<div class="thumbnail-wrapper"><div class="thumbnail" style="background-image:url(' + OC.MimeType.getIconUrl(fileData.type) + ');"></div></div>');
+
             // file name
             filename = fileData.originalName;
             if (fileData.command === 2) {
@@ -375,8 +378,10 @@
                nameSpan.append(innernameSpan);
            }
 
-            td = $('<td></td>').attr({ "class": "file-name"});
-            td.append(nameSpan);
+           nameWrapper.append(nameSpan);
+
+            td = $('<td class="file-name"></td>');
+            td.append(nameWrapper);
             tr.append(td);
 
             if (fileData.command === 1) {
diff --git a/js/scan.js b/js/scan.js
index 8d864ce..ec4b1aa 100644
--- a/js/scan.js
+++ b/js/scan.js
@@ -342,14 +342,16 @@
 				simpleSize = t('ransomware_detection', 'Pending');
 			}
 
-            td = $('<td></td>').attr({ "class": "selection"});
-            td.append('<input id="select-' +  this.id + '-' + fileData.id +
-					'" type="checkbox" class="selectCheckBox checkbox"/>' +
-                    '<label for="select-' +  this.id + '-' + fileData.id + '">' +
-                    '<div class="thumbnail" style="background-image:url(' + OC.MimeType.getIconUrl(fileData.type) + '); background-size: 32px;"></div>' +
-                    '<span class="hidden-visually">' + t('ransomware_detection', 'Select') + '</span>' +
-                    '</label>');
-            tr.append(td);
+            td = $('<td class="selection"></td>');
+
+			td.append(
+				'<input id="select-' + this.id + '-' + fileData.id +
+				'" type="checkbox" class="selectCheckBox checkbox"/><label for="select-' + this.id + '-' + fileData.id + '">' +
+				'<span class="hidden-visually">' + t('ransomware_detection', 'Select') + '</span>' +
+				'</label>'
+			);
+
+			tr.append(td);
 
             // file name
             filename = fileData.originalName;
@@ -357,6 +359,9 @@
                 filename = fileData.newName
             }
 
+            var nameWrapper = $('<div class="name-wrapper"></div>');
+            nameWrapper.append('<div class="thumbnail-wrapper"><div class="thumbnail" style="background-image:url(' + OC.MimeType.getIconUrl(fileData.type) + ');"></div></div>');
+
             if (filename !== null) {
                 if (filename.indexOf('.') === 0) {
     				basename = '';
@@ -380,9 +385,10 @@
 
                nameSpan.append(innernameSpan);
            }
+           nameWrapper.append(nameSpan);
 
-            td = $('<td></td>').attr({ "class": "file-name"});
-            td.append(nameSpan);
+            td = $('<td class="file-name"></td>');
+            td.append(nameWrapper);
             tr.append(td);
 
             if (fileData.command === 1) {