Fix the rendering of the buttons in commentCard

src/components/commentCard/commentCard.js

@@ -3,7 +3,8 @@ import PropTypes from "prop-types";
 import React from "react";
 
 const cardStyle = {
-	marginTop: 22,
+	marginBottom: 22,
+	minHeight: 330,
 	border: "1px solid #dadada",
 	borderLeft: "4px solid #c2de90",
 	padding: "1rem 1.4rem",
@@ -30,15 +31,25 @@ export default class CommentCard extends React.Component {
 		let { isDraft, author, comment, reportId } = this.props;
 		return (
 			<div className="commentCard">
-				<div className="widget-toolbar">
+				<div style={cardStyle}>
+					<div className="wk-avatar wk-avatar-extreme-large">
+						<div className="wk-fishbowl-thumbs">
+							<div className="wk-fishbowl-user-thumb">
+								<img alt={author.name} src={Johan}/>
+							</div>
+						</div>
+					</div>
+					<div dangerouslySetInnerHTML={{ __html: comment }}/>
+				</div>
+			    <div className="widget-toolbar">
 					<div className="wk-button-group">
 						<a
 							className="wk-button wk-button-icon-right"
 							href={`https://web.foretagsplatsen.se/Accounting2/Company/a-damien-U-1204101330#!/period-report?id=${reportId}`}
 							rel="noreferrer"
 							target="_blank"
 						>
-							Open full report on finsit<span aria-hidden="true" className="wk-icon-export"/>
+							Open full report in finsit<span aria-hidden="true" className="wk-icon-export"/>
 						</a>
 						{isDraft && <button
 							className="wk-button wk-button-icon-right"
@@ -47,16 +58,7 @@ export default class CommentCard extends React.Component {
 						</button>}
 					</div>
 				</div>
-				<div style={cardStyle}>
-					<div className="wk-avatar wk-avatar-extreme-large">
-						<div className="wk-fishbowl-thumbs">
-							<div className="wk-fishbowl-user-thumb">
-								<img alt={author.name} src={Johan}/>
-							</div>
-						</div>
-					</div>
-					<div dangerouslySetInnerHTML={{ __html: comment }}/>
-				</div>
+
 			</div>
 		);
 	}