Add helper div to maintain bg color on filename hover

Without it, gaps are visible between the lines of text.

frontends/etiquette_flask/static/common.css

@@ -203,14 +203,14 @@ is hovered over.
 
     word-break:break-word;
 }
-.photo_card_grid_filename a
-{
-    background-color: inherit;
-}
 .photo_card_grid_filename:hover
 {
     overflow: visible;
 }
+.photo_card_grid_filename_hoverhelper:hover
+{
+    background-color: inherit;
+}
 .photo_card_grid_file_metadata
 {
     display: flex;

frontends/etiquette_flask/templates/photo_card.html

@@ -42,7 +42,9 @@
     </div>
     <div class="photo_card_grid_info">
         <div class="photo_card_grid_filename">
+            <div class="photo_card_grid_filename_hoverhelper">
             <a target="_blank" href="/photo/{{photo.id}}">{{photo.basename}}</a>
+            </div>
         </div>
         <div class="photo_card_grid_file_metadata">
             {% set tags = photo.tags() %}