Feat : proposal to standardize behavior of click on Com_Name and Sci_Name (#116)

* Align with 3 logos : wikipedia ; info_site ; minigraph

* Add info & wiki.png

* Rename wikipedia.png to wiki.png

* Show icons on recent detections

* icons with white background

* Align icons with scientific name to center common name

* Add icons

* Not sure what this makes

* Correct link to info_site

* Restore initial cleaner layout

* Have same behavior for title than the overview

* Add icons of info and wikipedia to recordings

* Add icons

* Clean

* Improve icons size

* Add icons to species stats

* Put icons near sci_name

* Remove pictures from mobile on main page for small screens

* Other solution for mobile

* Improve visibility on smaller screen and consistency

* Improve visibility on smaller screen and consistency

* Improve readability on small screens

* Improve readability on small screens

* Set image size for smaller screens

* Make scientific name in italics

* Sci_name in italics

* Add sci_name in Italics for consistency

* Inline icons with scientific text for consistency

* Italics for todays scientific name

scripts/stats.php

@@ -171,11 +171,12 @@ while($results=$result3->fetchArray(SQLITE3_ASSOC)){
   $url_title = $info_url['TITLE'];
   echo str_pad("<h3>$species</h3>
     <table><tr>
-  <td class=\"relative\"><a target=\"_blank\" href=\"index.php?filename=".$results['File_Name']."\"><img title=\"Open in new tab\" class=\"copyimage\" width=25 src=\"images/copy.png\"></a> <a href=\"https://wikipedia.org/wiki/$dbsciname\" target=\"top\"/><i>$sciname</i></a><br>
-  <b>Occurrences: </b>$count<br>
-  <b>Max Confidence: </b>$maxconf<br>
-  <b>Best Recording: </b>$date $time<br>
-  <a href=\"$url\" target=\"top\"/>$url_title</a><br>
+  <td class=\"relative\"><a target=\"_blank\" href=\"index.php?filename=".$results['File_Name']."\"><img title=\"Open in new tab\" class=\"copyimage\" width=25 src=\"images/copy.png\"></a><i>$sciname</i>
+  <a href=\"$url\" target=\"_blank\"><img style=\"width: unset !important; display: inline; height: 1em; cursor: pointer;\" title=\"$url_title\" src=\"images/info.png\" width=\"20\"></a>
+  <a href=\"https://wikipedia.org/wiki/$sciname\" target=\"_blank\"><img style=\"width: unset !important; display: inline; height: 1em; cursor: pointer;\" title=\"Wikipedia\" src=\"images/wiki.png\" width=\"20\"></a><br>
+  Occurrences: $count<br>
+  Max Confidence: $maxconf<br>
+  Best Recording: $date $time<br><br>
   <video onplay='setLiveStreamVolume(0)' onended='setLiveStreamVolume(1)' onpause='setLiveStreamVolume(1)' controls poster=\"$filename.png\" title=\"$filename\"><source src=\"$filename\"></video></td>
   </tr>
     </table>