Make policies clickable in track homepages

Author: ThomasKranitsas

src/shared/components/TrackHomePages/HomePage/ImportantPolicies/index.jsx

@@ -32,10 +32,12 @@ const ImportantPolicies = ({ data }) => {
                   {
                     datas.policies.map(policy => (
                       <div key={policy.fields.title} styleName="policy">
-                        <img styleName="icon" src={policy.fields.icon.fields.file.url} alt="Policy" />
-                        <div styleName="title">
+                        <a href={policy.fields.linkUrl} styleName="icon">
+                          <img styleName="icon" src={policy.fields.icon.fields.file.url} alt="Policy" />
+                        </a>
+                        <a href={policy.fields.linkUrl} styleName="title">
                           {policy.fields.title}
-                        </div>
+                        </a>
                         <div styleName="text">
                           {policy.fields.shortDescription}
                         </div>

src/shared/components/TrackHomePages/HomePage/ImportantPolicies/styles.scss

@@ -32,11 +32,13 @@
   margin-bottom: 10px;
   font-size: 20px;
   line-height: 30px;
+  display: block;
 }
 
 .icon {
   height: 96px;
   width: 96px;
+  display: inline-block;
 
   @media screen and (max-width: $screen-md) {
     height: 72px;