From 8ead7a26d7dd6077263379d64cd0907169da762b Mon Sep 17 00:00:00 2001
From: Santiago Siri <santisiri@gmail.com>
Date: Sat, 24 Oct 2020 01:13:16 +0200
Subject: [PATCH 1/2] avoid redundant error displays

---
 src/components/Account/Account.jsx | 2 +-
 src/components/DAO/DAO.jsx         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Account/Account.jsx b/src/components/Account/Account.jsx
index 3e493920b..8385006d3 100644
--- a/src/components/Account/Account.jsx
+++ b/src/components/Account/Account.jsx
@@ -87,7 +87,7 @@ const AccountQuery = ({ publicAddress, width, height, format, hidden }) => {
         {(format === 'searchBar') ?
           <Search />
           :
-          <div className="empty failure">{parser(i18n.t('failure-short', { errorMessage: error }))}</div>
+          null
         }
       </>
     );
diff --git a/src/components/DAO/DAO.jsx b/src/components/DAO/DAO.jsx
index 2bd25cb5e..d5a22ca4b 100644
--- a/src/components/DAO/DAO.jsx
+++ b/src/components/DAO/DAO.jsx
@@ -44,7 +44,7 @@ const DAOQuery = ({ publicAddress, width, height, format }) => {
   if (loading) {
     return null;
   }
-  if (error) return <div className="empty failure">{parser(i18n.t('failure-short', { errorMessage: error }))}</div>;
+  if (error) return null /* <div className="empty failure">{parser(i18n.t('failure-short', { errorMessage: error }))}</div>; */
 
   const daoTitle = findLast(data.moloches, { id: publicAddress }).title;
   let label;

From 21902bd8a1d0ee2430f2e92f8e159984f1e0925c Mon Sep 17 00:00:00 2001
From: Santiago Siri <santisiri@gmail.com>
Date: Sat, 24 Oct 2020 03:04:01 +0200
Subject: [PATCH 2/2] version 0.9 release

---
 src/components/Account/Account.jsx |    1 -
 src/components/DAO/DAO.jsx         |    1 -
 src/components/Dapp/Dapp.jsx       |    4 +-
 src/styles/Dapp.css                | 1346 +++-------------------------
 4 files changed, 114 insertions(+), 1238 deletions(-)

diff --git a/src/components/Account/Account.jsx b/src/components/Account/Account.jsx
index 8385006d3..440dfd053 100644
--- a/src/components/Account/Account.jsx
+++ b/src/components/Account/Account.jsx
@@ -7,7 +7,6 @@ import { Link } from 'react-router-dom';
 
 import { shortenCryptoName } from 'utils/strings';
 import Search, { includeInSearch } from 'components/Search/Search';
-import parser from 'html-react-parser';
 
 import i18n from 'i18n';
 import { config } from 'config'
diff --git a/src/components/DAO/DAO.jsx b/src/components/DAO/DAO.jsx
index d5a22ca4b..4666d3fbe 100644
--- a/src/components/DAO/DAO.jsx
+++ b/src/components/DAO/DAO.jsx
@@ -8,7 +8,6 @@ import { findLast } from 'lodash';
 import { gui } from 'lib/const';
 import { shortenCryptoName } from 'utils/strings';
 import Search, { includeInSearch } from 'components/Search/Search';
-import parser from 'html-react-parser';
 
 import i18n from 'i18n';
 import { config } from 'config'
diff --git a/src/components/Dapp/Dapp.jsx b/src/components/Dapp/Dapp.jsx
index 1cfc45feb..980cdb503 100644
--- a/src/components/Dapp/Dapp.jsx
+++ b/src/components/Dapp/Dapp.jsx
@@ -58,6 +58,7 @@ const INITIAL_STATE = {
   showModal: false,
   pendingRequest: false,
   result: null,
+  mobile: (window.innerWidth < 768)
 };
 
 const routes = [
@@ -137,7 +138,6 @@ export default class Dapp extends Component {
       connected: true,
       address,
       networkId,
-      mobile: (window.innerWidth < 768)
     });
   }
 
@@ -198,7 +198,7 @@ export default class Dapp extends Component {
                     <Browser address={this.state.address} walletConnect={this.onConnect} walletReset={this.reset} />
                     <Layout address={this.state.address} />
                   </div>
-                  {(this.state.mobile) ?
+                  {(this.state.mobile || (window.innerWidth < 768)) ?
                     <Layout address={this.state.address} mobileMenu={true} />
                     :
                     null
diff --git a/src/styles/Dapp.css b/src/styles/Dapp.css
index b3c89ef87..9fa6a0137 100755
--- a/src/styles/Dapp.css
+++ b/src/styles/Dapp.css
@@ -1893,37 +1893,6 @@ blockquote {
   text-align: center;
 }
 
-.capital {
-  display: block;
-  width: 100%;
-  margin-bottom: -5px;
-  clear: both;
-  border-bottom-left-radius: 5px;
-  border-bottom-right-radius: 5px;
-  background-color: hsla(0, 0%, 100%, .5);
-}
-
-.capital-field {
-  padding: 5px 10px;
-  font-size: 16px;
-  line-height: 22px;
-}
-
-.capital-value {
-  display: block;
-  float: right;
-  color: #fff;
-}
-
-.capital-label {
-  float: left;
-}
-
-.capital-scores {
-  padding-top: 5px;
-  padding-bottom: 5px;
-}
-
 .identity-list {
   margin-top: -5px;
   margin-left: -10px;
@@ -1940,16 +1909,6 @@ blockquote {
   padding: 0px;
 }
 
-.budget {
-  margin-top: 10px;
-  margin-bottom: 10px;
-}
-
-.vote-capital-label {
-  font-size: 10px;
-  font-weight: 300;
-}
-
 .search {
   width: 100%;
   height: 40px;
@@ -1972,346 +1931,6 @@ blockquote {
   display: none;
 }
 
-.rich-text {
-  margin-bottom: 0px;
-  margin-left: -30px;
-  padding-bottom: 0px;
-  padding-left: 25px;
-  clear: both;
-}
-
-.rich-text:hover {
-  border-left: 5px solid #e6f9f4;
-}
-
-.rich-text:focus {
-  border-left-color: #00bf8f;
-}
-
-.rich-text.editor-draft {
-  border-left: 5px solid #fff;
-}
-
-.rich-text.editor-draft:hover {
-  border-left-style: solid;
-  border-left-color: #e6f9f4;
-}
-
-.rich-text.editor-draft:focus {
-  border-left-style: solid;
-  border-left-color: #00bf8f;
-}
-
-.rich-text.rich-text-preview {
-  margin-top: 0px;
-  margin-bottom: 10px;
-  margin-left: 0px;
-  padding-left: 0px;
-  font-size: 16px;
-  line-height: 26px;
-}
-
-.rich-text.rich-text-preview:hover {
-  border-left-style: none;
-}
-
-.rich-text.highlight-feature {
-  display: inline-block;
-  margin-top: 5px;
-  margin-bottom: 15px;
-  margin-left: -15px;
-  padding-top: 10px;
-  padding-right: 5px;
-  padding-left: 5px;
-  background-color: rgba(255, 224, 121, .6);
-  background-image: linear-gradient(45deg, #ffe079, hsla(44, 82%, 94%, 0) 45%);
-  -webkit-transform: skew(-3deg, 0deg);
-  -ms-transform: skew(-3deg, 0deg);
-  transform: skew(-3deg, 0deg);
-  font-style: italic;
-}
-
-.rich-text.highlight-feature:hover {
-  border-left-style: none;
-  border-left-width: 0px;
-}
-
-.rich-text.highlight-feature.highlight-missing {
-  display: block;
-  float: none;
-  border-radius: 3px;
-  background-color: #eee;
-  background-image: none;
-  box-shadow: inset 0 0 5px -1px rgba(0, 0, 0, .5);
-  -webkit-transform: none;
-  -ms-transform: none;
-  transform: none;
-  color: #000;
-  font-style: normal;
-}
-
-.tag-bitcoin {
-  display: none;
-  margin: -4px -5px -5px 10px;
-  padding: 5px 10px;
-  float: left;
-  border-radius: 3px;
-  background-color: #00bf8f;
-  color: #f5f5f5;
-  font-size: 16px;
-}
-
-.tag-bitcoin.unauthorized {
-  background-color: #ff2752;
-  text-transform: none;
-}
-
-.result {
-  height: 32px;
-  margin-top: 10px;
-  border: 1px solid #2dbd90;
-  border-radius: 5px;
-  background-color: hsla(0, 0%, 100%, .5);
-  box-shadow: none;
-}
-
-.result.score-bar {
-  max-width: 250px;
-  min-width: 250px;
-  margin-top: 0px;
-  margin-bottom: 0px;
-}
-
-.result.vote-bar {
-  width: 100%;
-  height: 20px;
-  margin-top: 20px;
-  margin-bottom: 10px;
-  border-style: none;
-  border-radius: 25px;
-  background-color: #d1d1d1;
-  box-shadow: inset 0 3px 7px -3px rgba(0, 0, 0, .5);
-}
-
-.result.vote-bar.token-bar {
-  display: inline-block;
-  height: 10px;
-  margin-top: 5px;
-  clear: both;
-}
-
-.result.result-unauthorized {
-  border-color: #ff2752;
-}
-
-.result-bar {
-  width: 0%;
-  height: 30px;
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px;
-  background-color: rgba(0, 191, 143, .6);
-  line-height: 30px;
-}
-
-.result-bar.unauthorized {
-  background-color: rgba(255, 39, 82, .6);
-}
-
-.result-bar.result-hundred {
-  border-radius: 4px;
-}
-
-.result-bar.vote-bar {
-  width: 0%;
-  height: 100%;
-  border-top-left-radius: 25px;
-  border-bottom-left-radius: 25px;
-  background-color: #00bf8f;
-  box-shadow: inset 0 1px 11px -5px hsla(0, 0%, 100%, .5);
-}
-
-.result-bar.vote-bar.vote-bar-allocated {
-  position: absolute;
-  right: 0px;
-  display: none;
-  width: 0%;
-  height: 20px;
-  margin-top: -20px;
-  float: right;
-  border-radius: 0px 25px 25px 0px;
-  background-color: #ccc;
-  /* background-image: url('../images/pattern-pinstripes-diagonal-green.png'); */
-  background-position: 100% 0px;
-  background-size: 50px;
-  background-repeat: repeat-x;
-}
-
-.result-bar.vote-bar.vote-bar-allocated.vote-bar-allocated-placed {
-  width: 50%;
-  height: 1px;
-  margin-top: 0px;
-  float: left;
-  border-radius: 3px 0px 0px 3px;
-  background-color: transparent;
-  background-image: none;
-  box-shadow: none;
-}
-
-.result-bar.vote-bar.vote-bar-allocated.unanimous {
-  border-top-left-radius: 25px;
-  border-bottom-left-radius: 25px;
-}
-
-.result-bar.vote-bar.vote-bar-allocated.vote-bar-fixed {
-  background-color: #e6f9f4;
-  background-image: none;
-  background-size: auto;
-  background-repeat: repeat;
-}
-
-.result-bar.vote-bar.vote-bar-fixed {
-  background-color: #e6f9f4;
-}
-
-.result-bar.result-unanimous {
-  width: 100%;
-  border-radius: 3px;
-  background-color: #78d8bc;
-}
-
-.result-total {
-  position: relative;
-  display: block;
-  margin-top: 5px;
-  margin-right: 5px;
-  float: right;
-  font-size: 10px;
-  line-height: 21px;
-  text-transform: uppercase;
-}
-
-.result-total.result-right {
-  margin-right: 10px;
-  float: right;
-  font-weight: 400;
-}
-
-.result-percentage {
-  margin-right: 10px;
-  font-weight: 700;
-}
-
-.result-score {
-  position: static;
-  display: block;
-  width: 100%;
-  margin-top: 10px;
-}
-
-.result-score.result-percentage {
-  position: relative;
-  display: block;
-  float: right;
-}
-
-.result-score.result-right {
-  position: static;
-  display: inline-block;
-  float: right;
-}
-
-.election {
-  display: inline-block;
-  margin-right: 20px;
-  margin-left: 20px;
-  float: none;
-}
-
-.fact {
-  display: inline-block;
-  height: 60px;
-  margin-top: 5px;
-  margin-bottom: 0px;
-  padding: 5px 10px;
-  float: left;
-  border-radius: 5px;
-  background-color: rgba(0, 191, 143, .1);
-  box-shadow: none;
-  color: #00bf8f;
-  text-align: center;
-}
-
-.fact.fact-timer {
-  margin-top: 5px;
-  padding-right: 6px;
-  padding-left: 6px;
-  font-size: 28px;
-  font-weight: 300;
-}
-
-.fact.fact-timer.vote-value {
-  position: absolute;
-  height: 60px;
-  margin-top: -35px;
-  margin-left: -105px;
-  float: right;
-}
-
-.fact.fact-identity {
-  margin-right: -15px;
-  margin-left: -5px;
-  padding: 0px;
-  float: left;
-  background-color: transparent;
-}
-
-.fact.fact-delegation {
-  margin-bottom: -5px;
-  padding-left: 20px;
-  background-color: transparent;
-}
-
-.stat-label {
-  display: block;
-  margin-top: 8px;
-  font-size: 9px;
-  line-height: 12px;
-  font-weight: 400;
-  text-transform: uppercase;
-}
-
-.election-label {
-  display: block;
-  margin-bottom: 5px;
-  float: none;
-  color: #000;
-  font-size: 12px;
-  line-height: 20px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: uppercase;
-}
-
-.identity-nation {
-  display: block;
-  margin-top: 0px;
-  padding-top: 0px;
-  clear: both;
-  font-size: 12px;
-  line-height: 16px;
-}
-
-.identity-nation.identity-label-small {
-  font-size: 12px;
-}
-
-.identity-nation.collective-stat {
-  display: inline-block;
-  margin-top: 15px;
-  margin-right: 15px;
-  margin-bottom: 0px;
-}
-
 .identity-peer {
   margin: 3px 0px 0px 5px;
   float: left;
@@ -2469,47 +2088,6 @@ blockquote {
   text-align: left;
 }
 
-.command {
-  display: block;
-  max-width: 1000px;
-  margin-right: auto;
-  margin-left: auto;
-  text-align: left;
-}
-
-.awaiting {
-  display: inline-block;
-  background-color: #ff2752;
-}
-
-.delegates {
-  display: inline-block;
-  margin: 5px;
-}
-
-.politics {
-  margin-bottom: 0px;
-  padding-right: 10px;
-  padding-left: 10px;
-  border: 0px solid #000;
-}
-
-.rosca {
-  display: inline-block;
-  width: 100%;
-  margin-top: 5px;
-  font-size: 14px;
-}
-
-.rosca.rosca-id {
-  margin-top: -10px;
-}
-
-.rosca.rosca-feed {
-  margin-top: -15px;
-  margin-bottom: -10px;
-}
-
 .avatar {
   width: 120px;
   margin: 0px;
@@ -2590,311 +2168,112 @@ blockquote {
 
 .vote-available {
   display: inline-block;
-  text-align: left;
-}
-
-.vote-available.label-votes {
-  margin-bottom: 6px;
-  float: left;
-  font-size: 11px;
-}
-
-.vote-allocated {
-  display: inline-block;
-}
-
-.vote-allocated.label-votes {
-  margin-right: -10px;
-  font-size: 11px;
-}
-
-.vote-count {
-  display: block;
-  width: 120px;
-  height: 65px;
-  margin-top: -85px;
-  margin-left: -47px;
-  padding-top: 3px;
-  padding-bottom: 5px;
-  border: 3px solid #fff;
-  border-radius: 5px;
-  background-color: #fff;
-  box-shadow: 0 0 8px -4px #000;
-  color: #00bf8f;
-  font-weight: 200;
-  text-align: center;
-}
-
-.rosca-connector {
-  width: 3px;
-  height: 13px;
-  margin-left: 11px;
-  background-color: #fff;
-  box-shadow: 0 0 2px -1px #000;
-}
-
-.vote-logic {
-  margin: 20px -5px 15px;
-}
-
-.vote-action {
-  margin-bottom: 20px;
-  padding-right: 20px;
-  padding-left: 20px;
-}
-
-.os-icon {
-  width: 30px;
-  height: 30px;
-  margin-top: -3px;
-  margin-right: 5px;
-  float: left;
-}
-
-.os-download {
-  display: block;
-  margin-top: 15px;
-  margin-bottom: 10px;
-  line-height: 30px;
-}
-
-.link:hover {
-  padding-bottom: 1px;
-  border-bottom-style: solid;
-}
-
-.kind-icon {
-  display: inline-block;
-  width: 60px;
-  height: 60px;
-  margin-right: auto;
-  margin-left: auto;
-}
-
-.kind-value {
-  display: block;
-  width: 60px;
-  height: 60px;
-  margin: 10px auto;
-  text-align: center;
-}
-
-.url-icon {
-  width: 16px;
-  height: 16px;
-}
-
-.data {
-  display: inline-block;
-  margin-right: 10px;
-  margin-bottom: 5px;
-}
-
-.data.data-feed {
-  margin-top: 6px;
-  margin-right: 0px;
-  margin-bottom: 5px;
-  float: right;
-}
-
-.data.data-feed.data-identity {
-  margin-left: -15px;
-  float: left;
-}
-
-.data.data-feed.data-transaction {
-  margin: 3px 4px 7px 3px;
-  float: left;
-}
-
-.data.data-feed.data-ledger {
-  margin: -5px 0px -4px 7px;
-  float: left;
-  line-height: 20px;
-}
-
-.contract-collapse {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  margin: 5px;
-}
-
-.contract-win-icon {
-  width: 30px;
-}
-
-.contract-win {
-  opacity: 0.5;
-}
-
-.contract-win:hover {
-  opacity: 1;
-}
-
-.stage {
-  display: inline-block;
-  margin-top: 3px;
-  margin-right: 10px;
-  margin-bottom: 3px;
-  padding: 0px 10px 5px;
-  float: left;
-  border-style: solid;
-  border-width: 0px;
-  border-radius: 25px;
-  background-color: transparent;
-  color: #581073;
-  font-size: 10px;
-  text-transform: uppercase;
-}
-
-.stage.stage-live {
-  border-style: solid;
-  border-color: #f5d059;
-  color: #f5d059;
-}
-
-.stage.stage-live.stage-list {
-  margin-top: 0px;
-  margin-right: 25px;
-}
-
-.stage.stage-finish-approved {
-  border-style: solid;
-  border-color: #00bf8f;
-  color: #00bf8f;
-}
-
-.stage.stage-finish-approved.stage-card {
-  margin-right: 5px;
-}
-
-.stage.stage-finish-approved.stage-card.stage-anon {
-  border-style: dashed;
-  border-color: #fff;
-  background-color: transparent;
-  opacity: 0.7;
-}
-
-.stage.stage-finish-approved.stage-card.button {
-  cursor: pointer;
-}
-
-.stage.stage-finish-approved.stage-card.button:active {
-  background-color: transparent;
-  color: #00bf8f;
-}
-
-.stage.stage-finish-approved.stage-finished-inballot {
-  border-style: solid;
-  border-color: #000;
-}
-
-.stage.stage-finish-alternative {
-  border-style: solid;
-  border-color: #e6f9f4;
-  background-color: #e6f9f4;
-  color: #00bf8f;
-}
-
-.stage.stage-finish-rejected {
-  display: inline-block;
-  border-color: #ff2752;
-  color: #ff2752;
+  text-align: left;
 }
 
-.stage.stage-card {
-  margin-top: 4px;
-  margin-right: -5px;
-  margin-bottom: 0px;
-  float: right;
+.vote-available.label-votes {
+  margin-bottom: 6px;
+  float: left;
+  font-size: 11px;
 }
 
-.stage.stage-list {
-  margin-top: 1px;
+.vote-allocated {
+  display: inline-block;
 }
 
-.stage.stage-placed {
-  border-style: solid;
-  border-color: #00bf8f;
+.vote-allocated.label-votes {
+  margin-right: -10px;
+  font-size: 11px;
 }
 
-.stage.stage-placed.stage-card.button:active {
+.vote-count {
+  display: block;
+  width: 120px;
+  height: 65px;
+  margin-top: -85px;
+  margin-left: -47px;
+  padding-top: 3px;
+  padding-bottom: 5px;
+  border: 3px solid #fff;
   border-radius: 5px;
-  background-color: #dad8d8;
+  background-color: #fff;
+  box-shadow: 0 0 8px -4px #000;
+  color: #00bf8f;
+  font-weight: 200;
+  text-align: center;
 }
 
-.stage.stage-inballot {
-  border-style: solid;
-  border-color: #00bf8f;
-  background-color: #e6f9f4;
+.rosca-connector {
+  width: 3px;
+  height: 13px;
+  margin-left: 11px;
+  background-color: #fff;
+  box-shadow: 0 0 2px -1px #000;
 }
 
-.stage.stage-remove {
-  border-color: #ff8979;
-  background-color: #ff8979;
-  color: #fff;
+.vote-logic {
+  margin: 20px -5px 15px;
 }
 
-.stage.stage-delegated {
-  border-style: solid;
-  border-color: rgba(0, 191, 143, 0);
-  background-color: #e6f9f4;
-  color: #00bf8f;
+.vote-action {
+  margin-bottom: 20px;
+  padding-right: 20px;
+  padding-left: 20px;
 }
 
-.stage.stage-vote-totals {
-  border-style: solid;
-  border-color: #9e6fcc;
-  color: #9e6fcc;
+.link:hover {
+  padding-bottom: 1px;
+  border-bottom-style: solid;
 }
 
-.stage.stage-vote-totals-available {
-  border-style: solid;
-  border-color: #46dfb8 #9e6fcc #9e6fcc;
-  background-color: transparent;
-  color: #46dfb8;
+.kind-icon {
+  display: inline-block;
+  width: 60px;
+  height: 60px;
+  margin-right: auto;
+  margin-left: auto;
 }
 
-.stage.stage-vote {
-  min-width: 60px;
-  border-style: solid;
-  border-color: #ccbcda;
-  background-color: #ccbcda;
-  color: #6c5b7c;
-  text-transform: none;
+.kind-value {
+  display: block;
+  width: 60px;
+  height: 60px;
+  margin: 10px auto;
+  text-align: center;
 }
 
-.stage.stage-vote.stage-revoke {
-  margin-right: 0px;
-  margin-left: 10px;
+.url-icon {
+  width: 16px;
+  height: 16px;
 }
 
-.stage.stage-vote.stage-loosing {
-  border-color: #e6e6e6;
-  background-color: #e6e6e6;
+.data {
+  display: inline-block;
+  margin-right: 10px;
+  margin-bottom: 5px;
 }
 
-.stage.stage-vote.stage-single {
-  min-width: 0px;
-  padding-top: 1px;
-  padding-right: 0px;
-  padding-left: 11px;
-  border-width: 0px;
+.data.data-feed {
+  margin-top: 6px;
+  margin-right: 0px;
+  margin-bottom: 5px;
+  float: right;
 }
 
-.stage.stage-compressed {
-  margin-top: 1px;
-  margin-left: 10px;
+.data.data-feed.data-identity {
+  margin-left: -15px;
+  float: left;
 }
 
-.profile-thumb {
-  height: 60px;
-  opacity: 0.75;
+.data.data-feed.data-transaction {
+  margin: 3px 4px 7px 3px;
+  float: left;
 }
 
-.profile-thumb.profile-thumb-active {
-  opacity: 1;
+.data.data-feed.data-ledger {
+  margin: -5px 0px -4px 7px;
+  float: left;
+  line-height: 20px;
 }
 
 .meta {
@@ -3557,84 +2936,6 @@ blockquote {
   text-align: left;
 }
 
-.suggest {
-  overflow: scroll;
-  height: 110px;
-  border-bottom-left-radius: 3px;
-  border-bottom-right-radius: 3px;
-  background-color: #f3f3f3;
-  box-shadow: inset 0 0 3px -1px #000;
-}
-
-.suggest-item {
-  padding-right: 10px;
-  padding-left: 10px;
-  font-size: 14px;
-  line-height: 36px;
-  cursor: pointer;
-}
-
-.suggest-item:hover {
-  background-color: hsla(348.9873417721519, 100.00%, 69.02%, 0.06);
-}
-
-.suggest-item:active {
-  background-color: hsla(348.9873417721519, 100.00%, 69.02%, 1.00);
-  color: #fff;
-}
-
-.suggest-item.suggest-token {
-  margin: 7px 5px 5px -5px;
-  padding: 0px 5px 1px;
-  float: left;
-  border-radius: 5px;
-  background-color: #9793c5;
-  color: #fff;
-  font-size: 10px;
-  line-height: 20px;
-  font-weight: 400;
-}
-
-.suggest-item.suggest-token.suggest-token-inline {
-  display: inline;
-  margin-right: 2px;
-  margin-left: 2px;
-  padding-top: 3px;
-  padding-bottom: 3px;
-  float: none;
-}
-
-.suggest-item.suggest-token.suggest-token-sidebar {
-  margin-top: 5px;
-  padding-bottom: 0px;
-}
-
-.plus {
-  font-size: 18px;
-  font-weight: 700;
-}
-
-.avatar-description {
-  overflow: auto;
-  width: 150px;
-  margin-top: 12px;
-  margin-left: 5px;
-  float: left;
-  font-size: 12px;
-  line-height: 20px;
-}
-
-.upload-icon {
-  width: 20px;
-  height: 20px;
-  margin-right: 5px;
-  float: left;
-}
-
-.upload-button-label {
-  display: inline-block;
-}
-
 .logout {
   display: block;
   width: 12px;
@@ -4115,196 +3416,67 @@ blockquote {
 
 .micro-button.micro-button-feed {
   display: block;
-  margin: 2px 0px 0px;
-  float: left;
-}
-
-.micro-button.micro-button-feed.micro-button-disabled {
-  color: #e2e2e2;
-  cursor: default;
-}
-
-.micro-button.micro-button-feed.micro-button-disabled:active {
-  background-color: transparent;
-}
-
-.micro-button.micro-button-disabled {
-  color: #e2e2e2;
-  cursor: default;
-}
-
-.micro-icon {
-  width: 20px;
-  height: 20px;
-  margin-top: -2px;
-  margin-right: 5px;
-}
-
-.micro-label-button {
-  display:inline-block;
-}
-
-.micro {
-  display: inline-block;
-  margin-right: 10px;
-  margin-left: 10px;
-  text-align: center;
-}
-
-.micro.micro-half {
-  display: inline;
-}
-
-.micro-menu {
-  width: 100%;
-  margin-right: auto;
-  margin-left: auto;
-  text-align: center;
-}
-
-.micro-menu.micro-menu-thread {
-  display: inline-block;
-  margin: 0px 0px -10px;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-}
-
-.modal-buttons {
-  display: inline-block;
-  width: 100%;
-  margin-top: 20px;
-  margin-bottom: -10px;
-}
-
-.collective {
-  display: inline-block;
-  width: 100%;
-  margin-top: 0px;
-  margin-bottom: 0px;
-  padding: 10px 10px 0px;
-  border-style: solid;
-  border-width: 1px;
-  border-color: rgba(242, 242, 248, 0);
-  border-radius: 5px;
-  color: #333;
-  font-size: 12px;
-  line-height: 18px;
-  cursor: pointer;
-  text-transform:none;
-}
-
-.collective:hover {
-  border-color: #e6e0ee;
-  background-color: #e6e0ee;
-}
-
-.collective.collective-selected {
-  border-color: hsla(283.6363636363637, 75.57%, 25.69%, 1.00);
-  background-color: #e6e0ee;
-}
-
-.collective-icon {
-  max-height: 40px;
-  max-width: 90%;
-  margin-right: 10px;
-  float: left;
-  border-radius: 5px;
-  box-shadow: none;
-  cursor: pointer;
-}
-
-.collective-icon.collective-icon-small {
-  width: 16px;
-  height: 16px;
-  margin: 14px 5px 0px 10px;
-}
-
-.actor-right {
-  float: right;
+  margin: 2px 0px 0px;
+  float: left;
 }
 
-.menu-button {
-  width: 32px;
-  height: 32px;
-  margin: 7px 0px 0px 2px;
-  opacity: 0;
+.micro-button.micro-button-feed.micro-button-disabled {
+  color: #e2e2e2;
+  cursor: default;
 }
 
-.collective-title {
-  margin-top: 5px;
-  margin-bottom: 5px;
-  font-size: 14px;
-  line-height: 18px;
-  font-weight: 400;
-  text-shadow: none;
+.micro-button.micro-button-feed.micro-button-disabled:active {
+  background-color: transparent;
 }
 
-.collective-stat {
-  display: block;
-  margin-right: auto;
-  margin-bottom: 10px;
-  margin-left: auto;
-  border: 1px none #00bf8f;
-  border-radius: 2px;
-  color: #00bf8f;
+.micro-button.micro-button-disabled {
+  color: #e2e2e2;
+  cursor: default;
 }
 
-.collective-stat-icon {
-  width: 22px;
-  height: 22px;
-  margin-right: 10px;
-  float: left;
+.micro-icon {
+  width: 20px;
+  height: 20px;
+  margin-top: -2px;
+  margin-right: 5px;
 }
 
-.collective-info {
-  display: inline;
-  margin-top: 15px;
-  clear: both;
-  font-size: 15px;
+.micro-label-button {
+  display:inline-block;
 }
 
-.paper-header-title {
-  float: left;
+.micro {
+  display: inline-block;
+  margin-right: 10px;
+  margin-left: 10px;
+  text-align: center;
 }
 
-.micro-vote-power {
-  margin-top: 0px;
-  margin-bottom: 0px;
-  padding-bottom: 5px;
+.micro.micro-half {
+  display: inline;
 }
 
-.trojan {
-  display: block;
-  width: 180px;
+.micro-menu {
+  width: 100%;
   margin-right: auto;
   margin-left: auto;
-  background-color: #949494;
-  -webkit-transform: translate(0px, 0px);
-  -ms-transform: translate(0px, 0px);
-  transform: translate(0px, 0px);
+  text-align: center;
 }
 
-.transition {
-  position: fixed;
-  left: 0px;
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  margin-top: 0px;
-  padding-top: 70px;
-  padding-bottom: 0px;
-  background-color: #ddd;
+.micro-menu.micro-menu-thread {
+  display: inline-block;
+  margin: 0px 0px -10px;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
 }
 
-.spinner {
-  display: block;
-  width: 100px;
-  height: 100px;
-  margin-right: auto;
-  margin-left: auto;
-  opacity: 0.5;
+.modal-buttons {
+  display: inline-block;
+  width: 100%;
+  margin-top: 20px;
+  margin-bottom: -10px;
 }
 
 .right {
@@ -5491,21 +4663,6 @@ blockquote {
   width: 100%;
 }
 
-.thread {
-  display: block;
-  width: 2px;
-  height: 19px;
-  margin-right: auto;
-  margin-left: 10px;
-  border-right: 1px solid #c9c9c9;
-}
-
-.thread.thread-inside {
-  display: block;
-  height: 50px;
-  margin-bottom: -50px;
-  margin-left: -20px;
-}
 
 .ledger {
   box-shadow: 0px 4px 8px 0 hsl(0deg 0% 72% / 22%);
@@ -5567,55 +4724,6 @@ blockquote {
   display: inline-block;
 }
 
-.constituency {
-  height: 32px;
-  margin: 7px;
-  padding-top: 2px;
-  padding-right: 10px;
-  padding-left: 10px;
-  float: right;
-  border-radius: 5px;
-  background-color: #e7f9f4;
-  color: #1ebf92;
-  font-size: 11px;
-  text-transform: uppercase;
-}
-
-.constituency.constituency-outcast {
-  background-color: #f5f5f5;
-  color: #ff2752;
-}
-
-.staking-editor {
-  margin: 0px 10px 5px;
-}
-
-.chain-address {
-  padding-right: 3px;
-  padding-left: 3px;
-  float: left;
-  border-top-right-radius: 3px;
-  border-bottom-right-radius: 3px;
-  color: #888;
-  font-size: 7px;
-  line-height: 13px;
-}
-
-.chain-ticker {
-  float: left;
-  border-top-left-radius: 3px;
-  border-bottom-left-radius: 3px;
-  color: #8a8a8a;
-  font-size: 7px;
-  line-height: 13px;
-  font-weight: 600;
-}
-
-.chain {
-  margin-top: 5px;
-  cursor: copy;
-}
-
 .token {
   color: #fff;
   font-size:16px;
@@ -5676,15 +4784,6 @@ blockquote {
   margin-bottom: 10px;
 }
 
-.float-right {
-  float: right;
-}
-
-.clock-icon {
-  width: 10px;
-  height: 10px;
-}
-
 .vote-thread {
   position: relative;
   display: inline-block;
@@ -5705,53 +4804,6 @@ blockquote {
   padding-right: 17px;
 }
 
-.thread-sub {
-  position: absolute;
-  display: block;
-  width: 12px;
-  height: 100%;
-  margin-top: -20px;
-  margin-right: auto;
-  margin-left: -11px;
-  float: left;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
-  justify-content: flex-end;
-}
-
-.thread-needle {
-  position: absolute;
-  top: 50%;
-  width: 10px;
-  height: 10px;
-  margin-top: 10px;
-  margin-left: 1px;
-}
-
-.thread-needle.thread-last {
-  bottom: -10px;
-  width: 1px;
-  margin-right: 0px;
-  margin-left: 0px;
-  background-color: #ddd;
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), color-stop(70%, #ddd));
-  background-image: linear-gradient(180deg, #e6e6e6, #ddd 70%);
-}
-
-.thread-needle.thread-reply {
-  width: 20px;
-  height: 20px;
-  margin-top: 0px;
-  margin-left: -10px;
-  border-top-style: none;
-}
-
 .meta-compressed {
   padding-left: 5px;
 }
@@ -6081,10 +5133,6 @@ blockquote {
   .sidebar.sidebar-desktop {
     top: 0px;
   }
-
-  .sidebar {
-    min-width: 250px;
-  }
 }
 
 .hero-demo {
@@ -7352,19 +6400,11 @@ mark {
   
 }
 
-.crypto-username {
-  float: right;
-}
-
 @media (max-width: 479px) {
   .ReactTags__tagInputField {
     width:100%;
   }
 
-  .crypto-username { 
-    display:none;
-  }
-
   .search-wrapper-logged {
     padding: 0px 0px 0px 0px;
     margin-left: 50px;
@@ -7375,10 +6415,6 @@ mark {
   }
 }
 
-.off-screen {
-  opacity:0;
-}
-
 /* Change the white to any color ;) */
 input:-webkit-autofill {
   -webkit-text-fill-color: #5a0075 !important;
@@ -7605,94 +6641,6 @@ body, h4, h1, h2 {
   z-index:99999 !important;
 }
 
-.accounts-dialog input[type=text][type], .accounts-dialog input[type=email][type], .accounts-dialog input[type=password][type] {
-  width: 100%;
-  height: 44px;
-  margin-bottom: 0px;
-  border-style: none none solid;
-  border-width: 0px 0px 1px;
-  border-color: #000 #000 #c7b7cc;
-  background-color: transparent;
-  box-shadow: none;
-  color: #5a0075;
-  font-size: 16px;
-  font-weight: 300;
-  border-radius:0px;
-  text-align: left;
-  -webkit-text-fill-color: #5a0075 !important;
-}
-
-.accounts-dialog:focus {
-  border-color:#ff617e;
-}
-
-.accounts-dialog label {
-  margin-top: 0px;
-  margin-bottom: 0px;
-  font-size: 11px;
-  line-height: 22px;
-  font-weight: 300;
-  text-transform: uppercase;
-}
-
-.accounts-centered-dialog {
-  display: block;
-  overflow: hidden;
-  max-width: 400px;
-  margin-top: -100px;
-  padding: 18px 12px;
-  border-color: #f3f3f3 #e0e0e0 #e0e0e0 #f3f3f3;
-  border-top-style: solid;
-  border-top-width: 1px;
-  border-left-style: solid;
-  border-left-width: 1px;
-  border-radius: 5px;
-  background-color: #eaeaea;
-  box-shadow: 0 6px 20px 4px rgba(0, 0, 0, .13);
-  font-size: 16px;
-  text-align: center;
-}
-
- .login-advanced {
-   margin-bottom:20px;
- }
-
- .login-advanced-link {
-  border: solid #ff617e;
-  border-width: 0 2px 2px 0;
-  display: inline-block;
-  padding: 3px;
-  margin-left: 8px;
-  margin-bottom: 2px;
- }
-
- .login-advanced-link.login-advanced-link-up {
-  transform: rotate(-135deg);
-  -webkit-transform: rotate(-135deg);
-  margin-bottom: -2px;
-  z-index:-1;
- }
-
- .login-advanced-link.login-advanced-link-down {
-  transform: rotate(45deg);
-  -webkit-transform: rotate(45deg);
-  z-index:-1;
- }
-
-.help-tooltip {
-  position:absolute;
-  font-size:11px;
-  color:#a57213;
-  background-color:#feda96;
-  line-height:16px;
-  max-width:200px;
-  text-align:left;
-  padding:7px;
-  border-radius:3px;
-  z-index:1;
-  box-shadow:4px 4px 15px #0000003d;
-}
-
 .hero-cta-input {
 -webkit-appearance: none;
 }
@@ -7937,30 +6885,6 @@ width: 1px;
   opacity:0.2;
 }
 
-.election-rule {
-    background: transparent;
-    color: var(--main-link-color);
-    font-size: 0.7em;
-    display: inline-block;
-    padding: 0px;
-    border-radius: 0px;
-    line-height: 27px;
-    margin: 15px 5px 0px 0px;
-    cursor: default;
-}
-
-@media (max-width: 991px) {
-  .election-rule {
-    margin-bottom: 10px;
-  }
-}
-
-
-
-.budget {
-  margin-top:15px;
-}
-
 .token-wrap-next {
   margin-top:20px;
 }
@@ -7978,52 +6902,6 @@ width: 1px;
   line-height: 27px;
 }
 
-.switch-button { 
-    color: #5a0075;
-    float: left;
-    font-size: 11px;
-    margin: 3px;
-    border: 1px solid #5a0075;
-    border-radius: 5px;
-    padding: 5px 10px;
-    cursor: pointer;
-}
-
-.switch-button.switch-button-selected,
-.switch-button.switch-button-selected:hover {
-  background-color: #5a0075;
-  color: white;
-}
-
-.switch-button.switch-button-disabled,
-.switch-button.switch-button-disabled:hover {
-  background-color:transparent;
-  color: grey;
-  border-color:grey;
-  cursor:default;
-}
-
-
-.switch-button:hover {
-  background-color:#5a00750f;
-}
-
-.switcher {
-    margin: -5px -3px 10px;
-    clear: both;
-    display: inline-block;
-}
-
-.blockchain-time {
-  background: #e4e4e4;
-  text-transform: none;
-  padding: 5px 10px;
-  line-height: 20px;
-  font-size: 10px;
-  border-radius: 5px;
-  margin: -5px 0px;
-}
-
 .editor-menu {
   margin: 0px -16px 10px;
   background: #ffffff;