(fix) less / more link color for each network

src/assets/stylesheets/components/_BallotInfoContainer.scss

@@ -58,7 +58,16 @@
     display: inline-block;
     margin-left: 5px;
 
-    .sokol & {
+    &#{ & }-core {
+        color: $poa-purple;
+    }
+
+    &#{ & }-sokol {
         color: $sokol-cyan;
     }
+
+    &#{ & }-dai {
+        color: $xdai-orange;
+    }
+
 }

src/components/BallotCard/index.js

@@ -715,6 +715,7 @@ export class BallotCard extends React.Component {
         <Votes networkBranch={networkBranch} votes={votes} />
         <BallotInfoContainer
           memo={this.memo}
+          networkBranch={networkBranch}
           threshold={threshold}
           validatorsLength={contractsStore.validatorsLength}
         />

src/components/BallotInfoContainer/index.js

@@ -18,10 +18,13 @@ export class BallotInfoContainer extends React.Component {
   }
 
   render() {
-    let { memo = '', threshold, validatorsLength } = this.props
+    let { memo = '', threshold, validatorsLength, networkBranch } = this.props
     let toggleShowMore =
       memo.length > MAX_DETAILS_LENGTH ? (
-        <span className="bc-BallotInfoContainer_ToggleShow" onClick={this.toggleDetails}>
+        <span
+          className={`bc-BallotInfoContainer_ToggleShow bc-BallotInfoContainer_ToggleShow-${networkBranch}`}
+          onClick={this.toggleDetails}
+        >
           {this.state.detailsCollapsed ? 'More...' : 'Less'}
         </span>
       ) : (