diff --git a/js/src/dapps/gavcoin/Application/application.css b/js/src/dapps/gavcoin/Application/application.css index f75fbeb57..25472f007 100644 --- a/js/src/dapps/gavcoin/Application/application.css +++ b/js/src/dapps/gavcoin/Application/application.css @@ -18,4 +18,5 @@ .body { background-size: cover; background-repeat: no-repeat; + width: 100%; } diff --git a/js/src/dapps/gavcoin/Events/events.css b/js/src/dapps/gavcoin/Events/events.css index cf9184744..97c3d331b 100644 --- a/js/src/dapps/gavcoin/Events/events.css +++ b/js/src/dapps/gavcoin/Events/events.css @@ -17,6 +17,11 @@ .events { padding: 4em 2em; text-align: center; + display: flex; +} + +.container { + overflow: auto; } .list { @@ -30,6 +35,7 @@ vertical-align: top; padding: 0.25em 1em; max-height: 1.5em; + white-space: nowrap; } .event { diff --git a/js/src/dapps/gavcoin/Events/events.js b/js/src/dapps/gavcoin/Events/events.js index 97dac30bb..5262e7975 100644 --- a/js/src/dapps/gavcoin/Events/events.js +++ b/js/src/dapps/gavcoin/Events/events.js @@ -52,11 +52,13 @@ export default class Events extends Component { render () { return (
- - - { this.renderEvents() } - -
+
+ + + { this.renderEvents() } + +
+
); } diff --git a/js/src/dapps/gavcoin/Status/status.css b/js/src/dapps/gavcoin/Status/status.css index bb1587148..cda91eed4 100644 --- a/js/src/dapps/gavcoin/Status/status.css +++ b/js/src/dapps/gavcoin/Status/status.css @@ -20,6 +20,7 @@ padding: 4em 0 2em 0; display: flex; flex-wrap: wrap; + justify-content: space-around; } .title { @@ -30,9 +31,8 @@ } .item { - flex: 0 1 30%; - width: 30%; - margin: 0 1.5%; + flex: 1; + margin: 1.5rem 1rem; text-align: center; }