tweak css rules #173

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)

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 {