Fix incorrect styling of fork in repo list (#8876)

* Fix incorrect styling of fork in repo list

* Update styles with crayon-indicator component

app/assets/stylesheets/settings.scss

@@ -41,6 +41,9 @@ $input-width: 650px;
         display: block;
         float: right;
       }
+      .crayons-indicator {
+        margin-left: 5px;
+      }
       button,
       a[role='button'] {
         transition: all 0.4s ease;

app/javascript/githubRepos/singleRepo.jsx

@@ -11,7 +11,11 @@ export class SingleRepo extends Component {
   forkLabel = () => {
     const { fork } = this.props;
     if (fork) {
-      return <span className="github-repo-fork">fork</span>;
+      return (
+        <span className="crayons-indicator crayons-indicator--accent">
+          fork
+        </span>
+      );
     }
     return null;
   };