Replace feed icon with FontAwesome

eduke32 · Jul 26, 2018 · e308a1b · e308a1b
1 parent 6d62e14
commit e308a1b
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/static/main.css b/static/main.css
@@ -190,6 +190,23 @@ dd + dt { margin-top: 1em; }
   display: inline !important;
 }
 
+.feed-icon {
+  color: #f26522;
+}
+
+.feed-icon span {
+  height: 14px;
+  width: 100%;
+  display: inline !important;
+  padding: .2em;
+}
+
+.feed-icon:hover {
+  border-bottom: 0;
+  background-color: #f26522;
+  color: white;
+}
+
 
 .darkTheme {
   background-color: #303030;

diff --git a/templates/games.html b/templates/games.html
@@ -91,7 +91,7 @@
     {%- if 'repo' in game %} (<a href="{{ game['repo'] }}">repo</a> {%- if 'repoiconname' in game %}<span class="repoicon {{ game['repoiconstyle'] }} fa-{{ game['repoiconname'] }}" title="{{ game['repotitle'] }}"></span>{%- endif %}){%- endif %}
 
     {%- if 'feed' in game %}
-      <a href="{{ game['feed'] }}"><img src="static/feed-icon-14x14.png"/></a>
+      <a href="{{ game['feed'] }}" class="feed-icon" title="Feed"><span class="fas fa-rss"></span></a>
     {%- endif %}
 
     {{ tags.render_tag('status', game['status'] | title) }}