From fa523e0d4a7a681e241c5ffeb4713a7660c3563f Mon Sep 17 00:00:00 2001
From: n1474335 <n1474335@gmail.com>
Date: Sun, 17 Jun 2018 14:09:52 +0100
Subject: [PATCH] Changed banner icons to Material Design

---
 src/web/html/index.html                | 6 +++---
 src/web/stylesheets/layout/_banner.css | 6 ++----
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/web/html/index.html b/src/web/html/index.html
index 33ddb9b7..a02de9b7 100755
--- a/src/web/html/index.html
+++ b/src/web/html/index.html
@@ -156,7 +156,7 @@
                     <% if (htmlWebpackPlugin.options.inline) { %>
                         <span>Version <%= htmlWebpackPlugin.options.version %></span>
                     <% } else { %>
-                        <a href="cyberchef.htm" download>Download CyberChef<img aria-hidden="true" src="<%- require('../static/images/download-24x24.png') %>" alt="Download Icon"/></a>
+                        <a href="cyberchef.htm" download>Download CyberChef <i class="material-icons">file_download</i></a>
                     <% } %>
                 </div>
                 <div class="col" style="text-align: center;">
@@ -172,8 +172,8 @@
                     </span>
                 </div>
                 <div class="col" style="text-align: right; padding-right: 0;">
-                    <a href="#" id="options">Options<img aria-hidden="true" src="<%- require('../static/images/settings-22x22.png') %>" alt="Settings Icon"/></a>
-                    <a href="#" id="support" data-toggle="modal" data-target="#support-modal">About / Support<img aria-hidden="true" src="<%- require('../static/images/help-22x22.png') %>" alt="Question Mark Icon"/></a>
+                    <a href="#" id="options">Options <i class="material-icons">settings</i></a>
+                    <a href="#" id="support" data-toggle="modal" data-target="#support-modal">About / Support <i class="material-icons">help</i></a>
                 </div>
             </div>
             <div id="workspace-wrapper">
diff --git a/src/web/stylesheets/layout/_banner.css b/src/web/stylesheets/layout/_banner.css
index e60899ea..a5e202ac 100755
--- a/src/web/stylesheets/layout/_banner.css
+++ b/src/web/stylesheets/layout/_banner.css
@@ -17,9 +17,7 @@
     margin: 0;
 }
 
-#banner img {
-    margin-bottom: 2px;
-    margin-left: 8px;
+#banner i {
+    vertical-align: middle;
     padding-right: 10px;
 }
-