diff --git a/components/vote/app-style.scss b/components/vote/app-style.scss index e0ede8ebfef3..62c7cf536303 100644 --- a/components/vote/app-style.scss +++ b/components/vote/app-style.scss @@ -14,6 +14,13 @@ } } + &__title { + font-size: 30pt; + font-weight: 800; + margin-bottom: 10px; + margin-left: 5px; + } + &__influence { flex: 0 0 75%; } @@ -39,7 +46,7 @@ border-left: 2px solid getColor(elephant); } } - + &__influence-section { flex: 0 0 50%; } @@ -97,7 +104,7 @@ height: 25px; vertical-align: middle; margin-right: 10px; - } + } } &__self-info { @@ -109,7 +116,7 @@ } &__update-button { - + } h1 { diff --git a/components/vote/app.jsx b/components/vote/app.jsx index 49a760776e99..15751f078073 100644 --- a/components/vote/app.jsx +++ b/components/vote/app.jsx @@ -177,22 +177,25 @@ export default class VoteApp extends React.Component { listInfo && console.log(listInfo); return (
-
-
-
-
- - +
+ Vote +
+
+
+
+
+ + +
+
+ DISCLAIMER: Since this feature is its Alpha stages, the formula for calculating influence may change. +
-
- DISCLAIMER: Since this feature is its Alpha stages, the formula for calculating influence may change. +
+ {this.renderSelf(inProgress)}
-
- {this.renderSelf(inProgress)} -
-
{ listInfo &&

{listInfo.displayName}

{listInfo.description}
@@ -270,7 +273,7 @@ export default class VoteApp extends React.Component { return
Loading user info...
; } return
; } else { return