From 534b03f8d169fa4ef05ab95a5eca7199decfb9a6 Mon Sep 17 00:00:00 2001
From: Bruno Lemos <brunohplemos@gmail.com>
Date: Wed, 30 Jan 2019 11:32:05 -0200
Subject: [PATCH] Increase card sub icons size a little bit

---
 .../cards/partials/rows/BranchRow.tsx         |  2 ++
 .../cards/partials/rows/CommitRow.tsx         |  2 ++
 .../partials/rows/IssueOrPullRequestRow.tsx   |  7 +++++-
 .../cards/partials/rows/ReleaseRow.tsx        | 24 +++++++++++--------
 .../cards/partials/rows/RepositoryRow.tsx     |  2 ++
 .../cards/partials/rows/WikiPageRow.tsx       |  2 ++
 .../components/src/components/cards/styles.ts |  5 ++++
 7 files changed, 33 insertions(+), 11 deletions(-)

diff --git a/packages/components/src/components/cards/partials/rows/BranchRow.tsx b/packages/components/src/components/cards/partials/rows/BranchRow.tsx
index cbcf4049..b507e2c9 100644
--- a/packages/components/src/components/cards/partials/rows/BranchRow.tsx
+++ b/packages/components/src/components/cards/partials/rows/BranchRow.tsx
@@ -72,8 +72,10 @@ export const BranchRow = React.memo((props: BranchRowProps) => {
           >
             <SpringAnimatedIcon
               name="git-branch"
+              size={13}
               style={[
                 getCardStylesForTheme(springAnimatedTheme).normalText,
+                getCardStylesForTheme(springAnimatedTheme).icon,
                 isRead && getCardStylesForTheme(springAnimatedTheme).mutedText,
               ]}
             />{' '}
diff --git a/packages/components/src/components/cards/partials/rows/CommitRow.tsx b/packages/components/src/components/cards/partials/rows/CommitRow.tsx
index 682883d3..b345b28a 100644
--- a/packages/components/src/components/cards/partials/rows/CommitRow.tsx
+++ b/packages/components/src/components/cards/partials/rows/CommitRow.tsx
@@ -107,8 +107,10 @@ export const CommitRow = React.memo((props: CommitRowProps) => {
           >
             <SpringAnimatedIcon
               name="git-commit"
+              size={13}
               style={[
                 getCardStylesForTheme(springAnimatedTheme).normalText,
+                getCardStylesForTheme(springAnimatedTheme).icon,
                 isRead && getCardStylesForTheme(springAnimatedTheme).mutedText,
               ]}
             />{' '}
diff --git a/packages/components/src/components/cards/partials/rows/IssueOrPullRequestRow.tsx b/packages/components/src/components/cards/partials/rows/IssueOrPullRequestRow.tsx
index aa8153bb..ca04c39b 100644
--- a/packages/components/src/components/cards/partials/rows/IssueOrPullRequestRow.tsx
+++ b/packages/components/src/components/cards/partials/rows/IssueOrPullRequestRow.tsx
@@ -97,7 +97,12 @@ export const IssueOrPullRequestRow = React.memo(
                 >
                   <SpringAnimatedIcon
                     name={iconName}
-                    style={{ color: iconColor }}
+                    size={13}
+                    style={[
+                      getCardStylesForTheme(springAnimatedTheme).normalText,
+                      getCardStylesForTheme(springAnimatedTheme).icon,
+                      { color: iconColor },
+                    ]}
                   />{' '}
                   {title}
                 </SpringAnimatedText>
diff --git a/packages/components/src/components/cards/partials/rows/ReleaseRow.tsx b/packages/components/src/components/cards/partials/rows/ReleaseRow.tsx
index b8d3197f..e6598c0c 100644
--- a/packages/components/src/components/cards/partials/rows/ReleaseRow.tsx
+++ b/packages/components/src/components/cards/partials/rows/ReleaseRow.tsx
@@ -103,11 +103,13 @@ export const ReleaseRow = React.memo((props: ReleaseRowProps) => {
                 <SpringAnimatedText numberOfLines={1}>
                   <SpringAnimatedIcon
                     name="tag"
-                    style={
-                      isRead
-                        ? getCardStylesForTheme(springAnimatedTheme).mutedText
-                        : getCardStylesForTheme(springAnimatedTheme).normalText
-                    }
+                    size={13}
+                    style={[
+                      getCardStylesForTheme(springAnimatedTheme).normalText,
+                      getCardStylesForTheme(springAnimatedTheme).icon,
+                      isRead &&
+                        getCardStylesForTheme(springAnimatedTheme).mutedText,
+                    ]}
                   />{' '}
                 </SpringAnimatedText>
                 {name || tagName}
@@ -150,11 +152,13 @@ export const ReleaseRow = React.memo((props: ReleaseRowProps) => {
                 <SpringAnimatedText numberOfLines={1}>
                   <SpringAnimatedIcon
                     name="megaphone"
-                    style={
-                      isRead
-                        ? getCardStylesForTheme(springAnimatedTheme).mutedText
-                        : getCardStylesForTheme(springAnimatedTheme).normalText
-                    }
+                    size={13}
+                    style={[
+                      getCardStylesForTheme(springAnimatedTheme).normalText,
+                      getCardStylesForTheme(springAnimatedTheme).icon,
+                      isRead &&
+                        getCardStylesForTheme(springAnimatedTheme).mutedText,
+                    ]}
                   />{' '}
                 </SpringAnimatedText>
                 {body}
diff --git a/packages/components/src/components/cards/partials/rows/RepositoryRow.tsx b/packages/components/src/components/cards/partials/rows/RepositoryRow.tsx
index d9d3994c..2ea6fb05 100644
--- a/packages/components/src/components/cards/partials/rows/RepositoryRow.tsx
+++ b/packages/components/src/components/cards/partials/rows/RepositoryRow.tsx
@@ -76,8 +76,10 @@ export const RepositoryRow = React.memo((props: RepositoryRowProps) => {
           <SpringAnimatedText numberOfLines={1}>
             <SpringAnimatedIcon
               name={repoIcon}
+              size={13}
               style={[
                 getCardStylesForTheme(springAnimatedTheme).normalText,
+                getCardStylesForTheme(springAnimatedTheme).icon,
                 isRead && getCardStylesForTheme(springAnimatedTheme).mutedText,
               ]}
             />{' '}
diff --git a/packages/components/src/components/cards/partials/rows/WikiPageRow.tsx b/packages/components/src/components/cards/partials/rows/WikiPageRow.tsx
index efd996f4..530a199d 100644
--- a/packages/components/src/components/cards/partials/rows/WikiPageRow.tsx
+++ b/packages/components/src/components/cards/partials/rows/WikiPageRow.tsx
@@ -61,8 +61,10 @@ export const WikiPageRow = React.memo((props: WikiPageRowProps) => {
           >
             <SpringAnimatedIcon
               name="book"
+              size={13}
               style={[
                 getCardStylesForTheme(springAnimatedTheme).normalText,
+                getCardStylesForTheme(springAnimatedTheme).icon,
                 isRead && getCardStylesForTheme(springAnimatedTheme).mutedText,
               ]}
             />{' '}
diff --git a/packages/components/src/components/cards/styles.ts b/packages/components/src/components/cards/styles.ts
index 78676696..7b91fb33 100644
--- a/packages/components/src/components/cards/styles.ts
+++ b/packages/components/src/components/cards/styles.ts
@@ -91,6 +91,11 @@ export const getCardStylesForTheme = _.memoize(
         wordBreak: 'break-all',
       } as TextStyle,
 
+      icon: {
+        lineHeight: 20,
+        marginRight: 2,
+      } as TextStyle,
+
       descriptionText: {
         lineHeight: 20,
         color: theme.foregroundColorMuted50,