From 37e04b68a33a7aee83e10c0b46409d3dc742044f Mon Sep 17 00:00:00 2001
From: Andrew Hunt <andrew@aghstrategies.com>
Date: Sun, 10 May 2020 15:01:52 -0400
Subject: [PATCH] Event dashboard: improve icons above event summary

---
 css/civicrm.css                        |  4 ++++
 templates/CRM/Event/Page/DashBoard.tpl | 21 +++++++++++++++++----
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/css/civicrm.css b/css/civicrm.css
index be8af43c42..5cdf9c3353 100644
--- a/css/civicrm.css
+++ b/css/civicrm.css
@@ -1701,6 +1701,10 @@ input.crm-form-entityref {
 .crm-container a.crm-event-feed-link {
   margin: 0 1ex;
   color: #52534D;
+  display: inline-block;
+  font-size: 10px;
+  padding: 2px 2px 0;
+  vertical-align: bottom;
 }
 
 .crm-container a.crm-event-feed-link:hover {
diff --git a/templates/CRM/Event/Page/DashBoard.tpl b/templates/CRM/Event/Page/DashBoard.tpl
index dda0626c1d..0119172fcc 100644
--- a/templates/CRM/Event/Page/DashBoard.tpl
+++ b/templates/CRM/Event/Page/DashBoard.tpl
@@ -21,10 +21,23 @@
     <div class="clear">&nbsp;</div>
     <h3 id="crm-event-dashboard-heading">{ts}Event Summary{/ts}
       {help id="id-event-intro"}
-      <a href="{$htmlFeed}"  target="_blank" title="{ts}HTML listing of current and future public events.{/ts}" class="crm-event-feed-link"><i class="crm-i fa-lg fa-calendar"></i></a>
-      <a href="{$rssFeed}"  target="_blank" title="{ts}Get RSS 2.0 feed for current and future public events.{/ts}" class="crm-event-feed-link"><i class="crm-i fa-lg fa-rss"></i></a>
-      <a href="{$icalFile}" title="{ts}Download iCalendar file for current and future public events.{/ts}" class="crm-event-feed-link"><i class="crm-i fa-lg fa-download"></i></a>
-      <a href="{$icalFeed}"  target="_blank" title="{ts}Get iCalendar feed for current and future public events.{/ts}" class="crm-event-feed-link"><i class="crm-i fa-lg fa-calendar-o"></i></a></h3>
+      <a href="{$htmlFeed}"  target="_blank" title="{ts}HTML listing of current and future public events.{/ts}" class="crm-event-feed-link">
+        <span class="fa-stack"><i class="crm-i fa-calendar-o fa-stack-2x"></i><i style="top: 15%;" class="crm-i fa-th-list fa-stack-1x"></i></span>
+        <span class="sr-only">{ts}HTML listing of current and future public events.{/ts}</span>
+      </a>
+      <a href="{$rssFeed}"  target="_blank" title="{ts}Get RSS 2.0 feed for current and future public events.{/ts}" class="crm-event-feed-link">
+        <span class="fa-stack"><i class="crm-i fa-calendar-o fa-stack-2x"></i><i style="top: 15%;" class="crm-i fa-rss fa-stack-1x"></i></span>
+        <span class="sr-only">{ts}Get RSS 2.0 feed for current and future public events.{/ts}</span>
+      </a>
+      <a href="{$icalFile}" title="{ts}Download iCalendar file for current and future public events.{/ts}" class="crm-event-feed-link">
+        <span class="fa-stack"><i class="crm-i fa-calendar-o fa-stack-2x"></i><i style="top: 15%;" class="crm-i fa-download fa-stack-1x"></i></span>
+        <span class="sr-only">{ts}Download iCalendar entry for this event.{/ts}</span>
+      </a>
+      <a href="{$icalFeed}"  target="_blank" title="{ts}Get iCalendar feed for current and future public events.{/ts}" class="crm-event-feed-link">
+        <span class="fa-stack"><i class="crm-i fa-calendar-o fa-stack-2x"></i><i style="top: 15%;" class="crm-i fa-link fa-stack-1x"></i></span>
+        <span class="sr-only">{ts}iCalendar feed for this event.{/ts}</span>
+      </a>
+    </h3>
     {include file="CRM/common/jsortable.tpl"}
     <table id="options" class="display">
     <thead>
-- 
2.25.1