Fix small styling issues

diff --git a/app/assets/javascripts/components/features/status/components/card.jsx b/app/assets/javascripts/components/features/status/components/card.jsx
index 1bb281c70b2cf0f377690ca8a56e6fa61a2edf60..d016212fd59afa971e7f11619e208935ecb15bae 100644 (file)
--- 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 f7c5a56987f2479beaa7e8bbc962c2c1f55727f7..e27b88e5f273f96132297da069cf09c9f683c644 100644 (file)
--- 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;
   }
 }