From dbd80465c8bc9aa389ea0c656bd8c5d6ad1ee6fa Mon Sep 17 00:00:00 2001
From: Eugen Rochko <eugen@zeonfederated.com>
Date: Fri, 17 Feb 2017 02:05:15 +0100
Subject: [PATCH] Fix small styling issues

---
 .../components/features/status/components/card.jsx        | 2 +-
 app/assets/stylesheets/admin.scss                         | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/components/features/status/components/card.jsx b/app/assets/javascripts/components/features/status/components/card.jsx
index 1bb281c7..d016212f 100644
--- a/app/assets/javascripts/components/features/status/components/card.jsx
+++ b/app/assets/javascripts/components/features/status/components/card.jsx
@@ -53,7 +53,7 @@ const Card = React.createClass({
     }
 
     return (
-      <a href={card.get('url')} className='status-card'>
+      <a href={card.get('url')} className='status-card' target='_blank' rel='noopener'>
         {image}
 
         <div className='status-card__content' style={contentStyle}>
diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss
index f7c5a569..e27b88e5 100644
--- a/app/assets/stylesheets/admin.scss
+++ b/app/assets/stylesheets/admin.scss
@@ -195,6 +195,8 @@
 
 .report-accounts__item {
   flex: 1 1 0;
+  display: flex;
+  flex-direction: column;
 
   & > strong {
     display: block;
@@ -208,6 +210,10 @@
   &:first-child {
     margin-right: 10px;
   }
+
+  .account-card {
+    flex: 1 1 auto;
+  }
 }
 
 .report-status {
@@ -215,7 +221,7 @@
   margin-bottom: 10px;
 
   .activity-stream {
-    flex: 2 0 auto;
+    flex: 2 0 0;
     margin-right: 20px;
   }
 }