Merge pull request #231 from jedmund/fix-grid-rep

Fix GridRep like button and DOM nesting

components/Button/index.scss

@@ -65,7 +65,7 @@
     &.Save {
       color: #ff4d4d;
 
-      .Accessory svg {
+      &.Active .Accessory svg {
         fill: #ff4d4d;
         stroke: #ff4d4d;
       }

components/GridRep/index.tsx

@@ -150,13 +150,10 @@ const GridRep = (props: Props) => {
 
   const linkedAttribution = () => (
     <Link href={`/${props.user ? props.user.username : '#'}`}>
-      <a
+      <span className={userClass}>
-        className={userClass}
-        href={`/${props.user ? props.user.username : '#'}`}
-      >
         {userImage()}
         {props.user ? props.user.username : t('no_user')}
-      </a>
+      </span>
     </Link>
   )
 
@@ -214,7 +211,6 @@ const GridRep = (props: Props) => {
         ((props.user && account.user && account.user.id !== props.user.id) ||
           !props.user) ? (
           <Link href="#">
-            <a href="#">
             <Button
               className="Save"
               leftAccessoryIcon={<SaveIcon className="stroke" />}
@@ -223,7 +219,6 @@ const GridRep = (props: Props) => {
               buttonSize="small"
               onClick={sendSaveData}
             />
-            </a>
           </Link>
         ) : (
           ''