From a8336bc5ceb8a23b5f3d630da5d86908ddd82654 Mon Sep 17 00:00:00 2001
From: Joachim Robert <joachim.robert@protonmail.com>
Date: Wed, 6 Feb 2019 10:32:05 +0100
Subject: [PATCH] Move main app link to app name + icon to avoid nesting <a>
 inside <a>

---
 components/ChecklistItem/App.js   | 6 +++---
 components/ChecklistItem/style.js | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/ChecklistItem/App.js b/components/ChecklistItem/App.js
index 6b378d1..395f4a1 100644
--- a/components/ChecklistItem/App.js
+++ b/components/ChecklistItem/App.js
@@ -38,8 +38,8 @@ export const AppRow = ({ app }: Props) => {
   };
 
   return (
-    <AppRowContainer href={app.url} target="_blank" rel="noopener noreferrer">
-      <AppMeta>
+    <AppRowContainer>
+      <AppMeta href={app.url} target="_blank" rel="noopener noreferrer" title={`go to: ${app.name}`}>
         {app.image && <AppIcon alt={app.name} src={app.image} />}
         <AppName>{app.name}</AppName>
       </AppMeta>
@@ -49,4 +49,4 @@ export const AppRow = ({ app }: Props) => {
       {app.offer && <Offer offer={app.offer} />}
     </AppRowContainer>
   );
-};
+};
\ No newline at end of file
diff --git a/components/ChecklistItem/style.js b/components/ChecklistItem/style.js
index 5d576fe..74123c8 100644
--- a/components/ChecklistItem/style.js
+++ b/components/ChecklistItem/style.js
@@ -151,12 +151,12 @@ export const ResourceContent = styled.div`
 
 export const AppsContainer = styled.div``;
 
-export const AppMeta = styled.div`
+export const AppMeta = styled.a`
   display: flex;
   align-items: center;
 `;
 
-export const AppRowContainer = styled.a`
+export const AppRowContainer = styled.div`
   display: flex;
   justify-content: space-between;
   align-items: center;