Fix small styling issues

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 1bb281c70..d016212fd 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 f7c5a5698..e27b88e5f 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;
   }
 }