diff --git a/client/coral-admin/src/containers/Dashboard/FlagWidget.js b/client/coral-admin/src/containers/Dashboard/FlagWidget.js index aab70ddaf..6412df7f0 100644 --- a/client/coral-admin/src/containers/Dashboard/FlagWidget.js +++ b/client/coral-admin/src/containers/Dashboard/FlagWidget.js @@ -12,29 +12,28 @@ const FlagWidget = (props) => { return (

Articles with the most flags

+
+

{lang.t('streams.article')}

+

{lang.t('dashboard.flags')}

+
-
-

{lang.t('streams.article')}

-

{lang.t('dashboard.flags')}

-
-
- { - assets.length - ? assets.map(asset => { - const flagSummary = asset.action_summaries.find(s => s.type === 'FlagAssetActionSummary'); - return ( -
-

{flagSummary ? flagSummary.actionCount : 0}

- -

{asset.title}

-

{asset.author} — Published: {new Date(asset.created_at).toLocaleDateString()}

- -
- ); - }) - :
{lang.t('dashboard.no_flags')}
- } -
+ { + assets.length + ? assets.map(asset => { + const flagSummary = asset.action_summaries.find(s => s.type === 'FlagAssetActionSummary'); + return ( +
+ Moderate +

{flagSummary ? flagSummary.actionCount : 0}

+ +

{asset.title}

+

{asset.author} — Published: {new Date(asset.created_at).toLocaleDateString()}

+ +
+ ); + }) + :
{lang.t('dashboard.no_flags')}
+ }
); diff --git a/client/coral-admin/src/containers/Dashboard/LikeWidget.js b/client/coral-admin/src/containers/Dashboard/LikeWidget.js index 9c72be02e..d01259c5d 100644 --- a/client/coral-admin/src/containers/Dashboard/LikeWidget.js +++ b/client/coral-admin/src/containers/Dashboard/LikeWidget.js @@ -13,29 +13,28 @@ const LikeWidget = (props) => { return (

Articles with the most likes

+
+

{lang.t('streams.article')}

+

{lang.t('modqueue.likes')}

+
-
-

{lang.t('streams.article')}

-

{lang.t('modqueue.likes')}

-
-
- { - assets.length - ? assets.map(asset => { - const likeSummary = asset.action_summaries.find(s => s.type === 'LikeAssetActionSummary'); - return ( -
-

{likeSummary ? likeSummary.actionCount : 0}

- -

{asset.title}

-

{asset.author} — Published: {new Date(asset.created_at).toLocaleDateString()}

- -
- ); - }) - :
{lang.t('dashboard.no_likes')}
- } -
+ { + assets.length + ? assets.map(asset => { + const likeSummary = asset.action_summaries.find(s => s.type === 'LikeAssetActionSummary'); + return ( +
+ Moderate +

{likeSummary ? likeSummary.actionCount : 0}

+ +

{asset.title}

+

{asset.author} — Published: {new Date(asset.created_at).toLocaleDateString()}

+ +
+ ); + }) + :
{lang.t('dashboard.no_likes')}
+ }
); diff --git a/client/coral-admin/src/containers/Dashboard/Widget.css b/client/coral-admin/src/containers/Dashboard/Widget.css index 16f86336b..db4041dbd 100644 --- a/client/coral-admin/src/containers/Dashboard/Widget.css +++ b/client/coral-admin/src/containers/Dashboard/Widget.css @@ -1,5 +1,5 @@ :root { - --row-height: 50px; + --row-height: 60px; } .widget { @@ -11,6 +11,10 @@ background-color: white; } +.widget * { + box-sizing: border-box; +} + .heading { margin: 0; padding-left: 10px; @@ -19,10 +23,15 @@ } .widgetTable { - user-select: none; height: calc(var(--row-height) * 10); } +.widgetTable + div:after { + content: ''; + clear: both; + display: block; +} + .widgetHead p { color: rgb(35, 102, 223); padding: 10px; @@ -33,12 +42,9 @@ margin-bottom: 0; } -.widgetHead p:first-child { - width: 90%; -} - .widgetHead p:last-child { - width: 10%; + float: right; + margin-right: 100px; } .rowLinkify { @@ -62,6 +68,19 @@ text-decoration: none; } +.linkToModerate { + background-color: #e0e0e0; + padding: 10px 14px; + text-decoration: none; + color: black; + float: right; + margin-left: 15px; +} + +.linkToModerate:hover { + background-color: #ccc; +} + .lede { font-size: 0.9em; color: #aaa; @@ -84,4 +103,5 @@ font-size: 1.3em; font-weight: 400; float: right; + margin-top: 7px; }