poll results no longer overlap comments

olivertsesk · Mar 23, 2018 · 4ac98d0 · 4ac98d0
1 parent 7debbb7
commit 4ac98d0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/src/bodies/components/profListing.js b/src/bodies/components/profListing.js
@@ -113,6 +113,7 @@ class ClassListing extends Component {
   }
   poll(item,i){
     return(
+    <div className="commentWrapper">
     <div className="poll">
       <Col lg={7} md={7} sm={7} xs={7} className="center pollCol">
         <h3 className="pollQuestion">{item.val().pollQuestion}</h3>
@@ -130,6 +131,7 @@ class ClassListing extends Component {
         <p className="pollAnswers">{item.val().ans2count}</p>
       </Col>
     </div>
+    </div>
   )
   }
   render() {
@@ -144,8 +146,8 @@ class ClassListing extends Component {
         {
           this.state.showPanel ?
             <div>
-              {this.state.polls.map((item,i)=>this.poll(item, i))}
               {this.state.comments.map((item,i)=>this.comment(item, i))}
+              {this.state.polls.map((item,i)=>this.poll(item, i))}
             </div>
           :
             null

diff --git a/src/css/_classListing.css b/src/css/_classListing.css
@@ -100,24 +100,21 @@
   width: 130%;
   height: 50px;
   border-radius: 10px;
-  background: #DC143C;
   clear: both;
 }
 .pollQuestion {
   display: block;
   width: 100%;
   height: 50%;
-  padding: 5px;
-  background: #DC143C;
+  padding: 1px;
   font-size: 1em;
 }
 .pollAnswers {
   display: block;
   float: left;
   width: 100%;
   height: 100%;
-  padding: 10px;
-  background: #DC143C;
+  padding: 1px;
   font-size: 1em;
 }
 .pollCount{