Merge pull request #12 from cangzhang/change/publisher

style: icon & text margin.

Author: cangzhang

package.json

@@ -2,7 +2,7 @@
   "name": "coding-plugin",
   "description": "Coding plugin for VS Code.",
   "version": "0.1.0",
-  "publisher": "coding",
+  "publisher": "coding-net",
   "license": "MIT",
   "engines": {
     "vscode": "^1.47.0"
@@ -96,7 +96,7 @@
         {
           "id": "codingPluginTree",
           "title": "CODING",
-          "icon": "src/assets/coding.svg"
+          "icon": "src/assets/coding.png"
         }
       ]
     },
@@ -105,13 +105,11 @@
         {
           "id": "mrTreeView",
           "name": "Merge Requests",
-          "icon": "src/assets/coding.svg",
           "contextualTitle": "List"
         },
         {
           "id": "releaseTreeView",
           "name": "Releases",
-          "icon": "src/assets/coding.svg",
           "contextualTitle": "List"
         }
       ]

src/assets/coding.png

@@ -15,6 +15,10 @@ interface IProps {
 const Time = styled.span`
   margin-left: 20px;
 `;
+const ActionDesc = styled.span`
+  margin-left: 1ex;
+  margin-right: 1ex;
+`;
 
 function Activity({ activity, srcBranch, desBranch }: IProps) {
   const { currentMR } = appStore;
@@ -77,7 +81,8 @@ function Activity({ activity, srcBranch, desBranch }: IProps) {
       {ACTIVITY_TYPE[action].icon}
       <div>
         <p>
-          <a href={authorUrl}>{activity.author.name}</a> <span>{ACTIVITY_TYPE[action].text}</span>
+          <a href={authorUrl}>{activity.author.name}</a>{' '}
+          <ActionDesc>{ACTIVITY_TYPE[action].text}</ActionDesc>
           {(action === 'del_source_branch' || action === 'restore_source_branch') && (
             <span>{srcBranch}</span>
           )}