[enh] more compact image view

searx/static/css/style.css

@@ -84,5 +84,9 @@ a { text-decoration: none; }
 
 .invisible { display: none; }
 
-.image_result { float: left; max-width: 250px; margin: 10px; height: 380px; min-width: 250px; }
-.image_result img { max-width: 240px; max-height: 320px; border: 2px solid #000000; }
+.image_result { float: left; margin: 10px 10px; position: relative;  height: 160px;}
+.image_result img { border: 0;  height: 160px;}
+.image_result p { margin: 0; padding: 0; }
+.image_result p span a { display: none; }
+.image_result p span a { color: #FFFFFF; }
+.image_result p:hover span a { display: block; position: absolute; bottom: 0; right: 0; padding: 4px; background-color: rgba(0, 0, 0, 0.6); font-size: 0.7em; }

searx/templates/result_templates/images.html

@@ -1,8 +1,6 @@
 <div class="image_result">
     <p>
-        <span class="engines">{{ result.engine }}</span><br />
         <a href="{{ result.img_src }}"><img src="{{ result.img_src }}" title={{ result.title }}/></a>
-        <br />
         <span class="url"><a href="{{ result.url }}" class="small_font">original context</a></span>
     </p>
 </div>