diff --git a/nucypher/network/monitor/assets/stylesheet.css b/nucypher/network/monitor/assets/stylesheet.css index 3a2c3dd50..45e9c323a 100644 --- a/nucypher/network/monitor/assets/stylesheet.css +++ b/nucypher/network/monitor/assets/stylesheet.css @@ -93,10 +93,11 @@ label, legend { } #widgets>div { - width: 33%; + width: 20%; min-height: 25em; } + .banner { height: 3em; margin-right: 1em; @@ -199,9 +200,9 @@ label, legend { width: 98%; } -/*#locked-stake-graph {*/ -/* flex-basis: 100%;*/ -/*}*/ +#locked-stake-graph { + flex-basis: 100%; +} #prev-stakers-graph { width: 100%; @@ -216,13 +217,14 @@ label, legend { display: flex; flex-direction: row; justify-content: start; - height: 8em; align-items: center; } #state-table > td { - border-radius: 6px; - height: 100%; + padding: 0; + border-bottom: 1px solid white; + margin-right: 2px; + margin-bottom: 2em; } @@ -231,7 +233,14 @@ label, legend { text-align: center; display: flex; flex-direction: column; - width: 22em; + width: 10em; + color: black; + font-weight: 900; +} + +.state > span { + font-size: 1em; + font-weight: 100; } #prev-states { diff --git a/nucypher/network/monitor/base.py b/nucypher/network/monitor/base.py index 4c5c8ac25..c69230b08 100644 --- a/nucypher/network/monitor/base.py +++ b/nucypher/network/monitor/base.py @@ -56,8 +56,7 @@ class NetworkStatusPage: html.Div([ html.Div(state_dict['symbol'], className='single-symbol'), ], className='nucypher-nickname-icon', style={'border-color': state_dict['color_hex']}), - html.Span(state_dict['nickname']), - html.Span(state_dict['updated'], className='small'), + html.Span(state_dict['nickname'], title=state_dict['updated']), ], className='state', style={'background-color': state_dict['color_hex']}) def known_nodes(self, nodes_dict: dict, registry, teacher_checksum: str = None) -> html.Div: