addition of download icon (alignment incorrect)

src/views/annual-report/annual-report.jsx

@@ -305,7 +305,7 @@ const AnnualReport = () => (
                             <FormattedMessage id="annualReport.financialsButton" />
                             <img
                                 className="download-icon"
-                                src="/images/ideas/download-icon.svg"
+                                src="/images/annual-report/download-icon.svg"
                             />
                         </Button>
                     </a>

src/views/annual-report/annual-report.scss

@@ -211,19 +211,21 @@ $base-bg: $ui-white;
     }
 
     .financials-button {
-         // margin-right: .75rem;
         background-color: $ui-white;
         color: $ui-blue;
         padding: 20px;
         border-radius: 6px;
+        margin: 0;
 
         font-family: "Helvetica Neue";
         font-size: 24px;
         font-weight: bold;
 
-        .download-icon {
+        vertical-align: center;
+
+        img {
             height: 1.75rem;
-            vertical-align: middle;
+            padding-left: 1.2rem;
         }
     }
 

static/images/annual-report/download-icon.svg

+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>General/File Upload</title>
+    <defs>
+        <path d="M15.9776047,10.5793576 C16.5501461,10.5793576 17,11.0292116 17,11.601753 L17,13.8510227 C17,15.5822788 15.5959104,17.0000003 13.8646543,17.0000003 L6.1489776,17.0000003 C4.40408958,17.0000003 3,15.5822788 3,13.8510227 L3,11.601753 C3,11.0292116 3.46348588,10.5793576 4.02239533,10.5793576 C4.58130477,10.5793576 5.04479065,11.0292116 5.04479065,11.601753 L5.04479065,13.8510227 C5.04479065,14.4508279 5.53554041,14.9552096 6.1489776,14.9552096 L13.8646543,14.9552096 C14.4644596,14.9552096 14.9552093,14.4508279 14.9552093,13.8510227 L14.9552093,11.601753 C14.9552093,11.0292116 15.4186952,10.5793576 15.9776047,10.5793576 Z M10.2386952,3.02502728 C10.5385979,3.09182377 10.7567089,3.32356671 10.8248685,3.59756866 L11.9290555,7.97342066 L13.7421032,7.97342066 C14.232853,7.97342066 14.4918598,8.55823078 14.1374294,8.91266116 L10.4159104,12.6341802 C10.1977994,12.8536543 9.85700097,12.8536543 9.63888997,12.6341802 L5.91737098,8.91266116 C5.5629406,8.55823078 5.82194742,7.97342066 6.31269718,7.97342066 L8.1666407,7.97342066 L9.27082765,3.59756866 C9.37988315,3.1736154 9.81610516,2.91597178 10.2386952,3.02502728 Z" id="path-1"></path>
+    </defs>
+    <g id="General/File-Upload" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <mask id="mask-2" fill="white">
+            <use xlink:href="#path-1"></use>
+        </mask>
+        <use id="file-upload-icon" fill="#4D97FF" xlink:href="#path-1"></use>
+    </g>
+</svg>
\ No newline at end of file