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 --- 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 --- 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; } }