Pagination-Fix + Reaction Style

app/assets/javascripts/components/ReactionDetails.js

@@ -75,11 +75,7 @@ export default class ReactionDetails extends Component {
   render() {
     const {reaction} = this.state;
     const svgContainerStyle = {
-      position: 'relative',
-      padding: 0,
-      paddingBottom: '20%',
-      height: 0,
-      width: '100%'
+      textAlign: 'center'
     };
     const submitLabel = (reaction && reaction.isNew) ? "Create" : "Save";
     return (
@@ -92,7 +88,7 @@ export default class ReactionDetails extends Component {
             </Col>
             <Col md={9}>
               <div style={svgContainerStyle}>
-                <SVG key={reaction.svgPath} src={reaction.svgPath}/>
+                <SVG key={reaction.svgPath} src={reaction.svgPath} className='reaction-details'/>
               </div>
             </Col>
           </Row>

app/assets/stylesheets/molecules.css

@@ -37,7 +37,8 @@
 
 
 .reaction svg {
-  height: 90px;
+  max-height: 90px;
+  width: 90%;
   margin-left: 10px;
 }
 
@@ -45,3 +46,7 @@
   stroke: white;
   fill: white;
 }
+
+.reaction-details svg {
+  width: 100%
+}