mastofe

commit: dbd80465c8bc9aa389ea0c656bd8c5d6ad1ee6fa
parent: f2931af61ebf2c84d895c398654194321972320d
Author: Eugen Rochko <eugen@zeonfederated.com>
Date:   Fri, 17 Feb 2017 02:05:15 +0100

Fix small styling issues

Diffstat:
M
app/assets/javascripts/components/features/status/components/card.jsx
2
+-
M
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
@@ -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
@@ -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;
   }
 }