Donate button with changes

VickyAbishek · VickyAbishek · commit 8bd5aa2a3dc3 · 2019-08-11T12:26:15.000+05:30
Updatd donate button properties according other similiar button's properties in the website.
diff --git a/components/common/header/index.js b/components/common/header/index.js
@@ -124,6 +124,7 @@ class NavBar extends React.Component {
                       <a
                         href={item.path}
                         rel="noopener noreferrer"
+                        target={item.title === 'Donate' ? '_blank' : ''}
                         className={[
                           pathName === item.path ? 'active' : '',
                           item.title === 'Donate' ? 'donate_btn' : '',
diff --git a/components/common/header/index.styles.js b/components/common/header/index.styles.js
@@ -108,9 +108,15 @@ export const NavLink = styled.li`
       }
     }
     &.donate_btn {
-      background: #e91e63;
+      background: #c201b9;
       color: white;
-      border-radius: 10px;
+      border-radius: 6px;
+      font-weight: bold;
+      line-height: inherit;
+      margin: 5px;
+      &:hover {
+        background:#9c27b0;
+      }
     }
     @media(max-width: 885px) {
       width: 100%;

Original file line number	Diff line number	Diff line change
@@ -108,9 +108,15 @@ export const NavLink = styled.li`
`108`	`108`	`}`
`109`	`109`	`}`
`110`	`110`	`&.donate_btn {`
`111`		`- background: #e91e63;`
	`111`	`+ background: #c201b9;`
`112`	`112`	`color: white;`
`113`		`- border-radius: 10px;`
	`113`	`+ border-radius: 6px;`
	`114`	`+ font-weight: bold;`
	`115`	`+ line-height: inherit;`
	`116`	`+ margin: 5px;`
	`117`	`+ &:hover {`
	`118`	`+ background:#9c27b0;`
	`119`	`+ }`
`114`	`120`	`}`
`115`	`121`	`@media(max-width: 885px) {`
`116`	`122`	`width: 100%;`