grassrootseconomics/openethereum
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Make the footer a bit less ugly. (#3160)

Browse Source 
* Make the footer a bit less ugly.

* Whitespace.
This commit is contained in:
Gav Wood 2016-11-04 09:57:21 +01:00 committed by GitHub
parent 155eb02c69
commit af9de37756
2 changed files with 14 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
js/src/views/Application/Status/status.css
View File

@ -15,12 +15,10 @@
/* along with Parity. If not, see <http://www.gnu.org/licenses/>. /* along with Parity. If not, see <http://www.gnu.org/licenses/>.
*/ */
.status { .status {
padding: 1.5em; padding: 0.5em;
text-align: right; font-size: x-small;
color: #ddd; color: #ccc;
display: flex; background-color: rgba(0, 0, 0, 0.2)
flex-direction: column;
align-items: flex-end;
} }
.title { .title {
@ -29,12 +27,13 @@
.enode { .enode {
word-wrap: break-word; word-wrap: break-word;
margin: 0.5em 0 0.25em 0; float: right;
} }
.enode > * { .enode > * {
display: inline-block; display: inline-block;
margin-left: .5em; margin: 0.25em 0.5em;
vertical-align: top;
} }
.block { .block {
@ -43,9 +42,7 @@
.netinfo { .netinfo {
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: row; color: #ddd;
justify-content: flex-end;
margin-top: 0.25em;
} }
.netinfo > * { .netinfo > * {
@ -73,6 +70,8 @@
} }
.version { .version {
padding: 0.25em 0.5em;
float: left;
} }
.syncing { .syncing {

10
js/src/views/Application/Status/status.js
View File

@ -48,15 +48,13 @@ class Status extends Component {
</div> </div>
{ this.renderEnode() } { this.renderEnode() }
<div className={ styles.netinfo }> <div className={ styles.netinfo }>
<div> <BlockStatus />
<BlockStatus />
<div className={ styles.peers }>
{ netPeers.active.toFormat() }/{ netPeers.connected.toFormat() }/{ netPeers.max.toFormat() } peers
</div>
</div>
<div className={ netStyle }> <div className={ netStyle }>
{ isTest ? 'test' : netChain } { isTest ? 'test' : netChain }
</div> </div>
<div className={ styles.peers }>
{ netPeers.active.toFormat() }/{ netPeers.connected.toFormat() }/{ netPeers.max.toFormat() } peers
</div>
</div> </div>
</div> </div>
); );