[enh] oscar: image thumbnail layout

Adjust thumbnail sizes to fill the container width

searx/static/themes/oscar/src/js/01_init.js

@@ -17,6 +17,9 @@
 window.searx = (function(d) {
     'use strict';
 
+    //
+    d.getElementsByTagName("html")[0].className = "js";
+
     // add data- properties
     var script = d.currentScript  || (function() {
         var scripts = d.getElementsByTagName('script');

searx/static/themes/oscar/src/js/element_modifiers.js

@@ -108,4 +108,10 @@ $(document).ready(function(){
         tabs.children().attr("aria-selected", "false");
         $(a.target).parent().attr("aria-selected", "true");
     });
+
+    /**
+     * Layout images according to their sizes
+     */
+    searx.image_thumbnail_layout = new searx.ImageLayout('#main_results', '#main_results .result-images', 'img.img-thumbnail', 15, 200);
+    searx.image_thumbnail_layout.watch();
 });