Add grey boarder to selected hits when moused over

public/css/app.css

@@ -71,6 +71,11 @@ pre.indL {
   @apply cursor-not-allowed pointer-events-none text-gray-400;
 }
 
+li:hover .download-fasta-of-selected:not(.disabled), 
+li:hover .download-alignment-of-selected:not(.disabled) {
+  @apply bg-gray-200 text-seqorange;
+}
+
 /* Text size */
 .hit-text,
 .pre-text,

public/js/hits.js

@@ -230,11 +230,15 @@ class Hits extends Component {
         if (num_checked >= 1) {
             $a.find('.font-bold').html(num_checked);
             $b.find('.font-bold').html(num_checked);
+            $a.find('.font-bold').addClass('px-1').removeClass('px-0.5');
+            $b.find('.font-bold').addClass('px-1').removeClass('px-0.5');
         }
 
         if (num_checked == 0) {
             $a.addClass('disabled').find('.font-bold').html('');
             $b.addClass('disabled').find('.font-bold').html('');
+            $a.find('.font-bold').removeClass('px-1').addClass('px-0.5');
+            $b.find('.font-bold').removeClass('px-1').addClass('px-0.5');
         }
     }
 

public/js/sidebar.js

@@ -298,9 +298,9 @@ export default class extends Component {
                         !(this.props.data.imported_xml || this.props.data.non_parse_seqids) && <li className="mb-1">
                             <a
                                 href="#"
-                                className="text-sm download-fasta-of-selected text-seqblue disabled py-0.5 px-0.5"
+                                className="flex text-sm download-fasta-of-selected text-seqblue disabled py-0.5 px-0.5"
                                 onClick={this.downloadFastaOfSelected}>
-                                FASTA of <span className="font-bold"></span> selected hit(s)
+                                FASTA of <span className="font-bold px-0.5"></span> selected hit(s)
                             </a>
                         </li>
                     }
@@ -310,8 +310,8 @@ export default class extends Component {
                         </a>
                     </li>
                     <li className="mb-1">
-                        <a href="#" className="text-sm download-alignment-of-selected text-seqblue disabled py-0.5 px-0.5">
-                            Alignment of <span className="font-bold"></span> selected hit(s)
+                        <a href="#" className="flex text-sm download-alignment-of-selected text-seqblue disabled py-0.5 px-0.5">
+                            Alignment of <span className="font-bold px-0.5"></span> selected hit(s)
                         </a>
                     </li>
                     {