[FEATURE] Show action icons on hover

Resources/Private/Sass/brofix.scss

@@ -63,8 +63,15 @@ div.brofix-brokenlink-list-form select.form-control {
     vertical-align: middle;
 }
 
+/* ------ broken links table ------------ */
+
 #brofix-broken-links-table {
     table-layout: fixed;
+    border: none;
+}
+
+#brofix-broken-links-table tr {
+    border: none;
 }
 
 #brofix-broken-links-table td {
@@ -96,7 +103,21 @@ div.brofix-brokenlink-list-form select.form-control {
     border-right: 6px white solid;
 }
 
-/** --- for small screens --- */
+@media (hover: hover) {
+
+    /** show action buttons only on hover - visually declutter */
+    #brofix-broken-links-table tr:hover td.action-column a {
+        visibility: visible;
+    }
+
+    #brofix-broken-links-table tr td.action-column a {
+        visibility: hidden;
+    }
+}
+
+
+
+/** --- for small screens: show table as card layout --- */
 
 @media screen and (max-width:920px) {
     #brofix-broken-links-table {
@@ -140,7 +161,7 @@ div.brofix-brokenlink-list-form select.form-control {
     }
 }
 
-/** --- for very small screens --- */
+/** --- for very small screens: hide optional columns --- */
 
 @media screen and (max-width:601px) {
     /** remove optional columns */

Resources/Private/Templates/Backend/ReportTab.html

@@ -139,7 +139,7 @@
 					</td>
 					<td>{item.linkmessage -> f:format.raw()}</td>
 					<td class="table-column-divider-end mobile-optional">{item.lastcheck_url}</td>
-					<td>
+					<td class="action-column">
 						<a class="btn btn-primary" href="{item.editUrl}"
 						   title="{f:translate(key: 'list.edit.field', extensionName: 'Brofix')}">
 							<core:icon identifier="actions-open" size="small"/>