From 9ae9dff532cb1135858c6f7f92e6f518090da560 Mon Sep 17 00:00:00 2001 From: Tim <roadscape@users.noreply.github.com> Date: Thu, 25 Aug 2016 10:32:57 -0500 Subject: [PATCH] tweak css rules #173 --- app/components/elements/Voting.jsx | 4 ++-- app/components/elements/Voting.scss | 14 +++++++++++++- 2 files changed, 15 insertions(+), 3 deletions(-) diff --git a/app/components/elements/Voting.jsx b/app/components/elements/Voting.jsx index 970150780..382c4f44d 100644 --- a/app/components/elements/Voting.jsx +++ b/app/components/elements/Voting.jsx @@ -120,11 +120,12 @@ class Voting extends React.Component { <a href="#" onClick={this.voteDown} className="confirm_weight" title="Flag"> <Icon size="2x" name="chevron-down-circle" /></a> {myVote == null && vesting_shares > VOTE_WEIGHT_DROPDOWN_THRESHOLD && - <div className="clear"> + <div> <div className="weight-display"> - {weight / 100}%</div> <Slider min={100} max={10000} step={100} value={weight} onChange={this.handleWeightChange} /> </div> } + <CloseButton onClick={() => this.setState({showWeight: false})} /> <div className="clear"> <p>{ABOUT_FLAG}</p> <p> @@ -134,7 +135,6 @@ class Voting extends React.Component { </Follow> </p> </div> - <CloseButton onClick={() => this.setState({showWeight: false})} /> </FoundationDropdown> // ? Remove negative votes unless full power -1000 (we had downvoting spam) diff --git a/app/components/elements/Voting.scss b/app/components/elements/Voting.scss index 9a94e2c80..bf8d60a2f 100644 --- a/app/components/elements/Voting.scss +++ b/app/components/elements/Voting.scss @@ -147,7 +147,19 @@ .Voting__adjust_weight_down { @extend .Voting__adjust_weight; - left: -333px; + + right: 0; + width: 500px !important; + + div.clear { + clear: both; + } + p, span { + white-space: normal !important; + } + .weight-display { + color: #C00 !important; + } } .Voting__adjust_weight { -- GitLab