diff --git a/client/coral-admin/src/components/ui/Header.css b/client/coral-admin/src/components/ui/Header.css
index eba94d892..7cb68ecbf 100644
--- a/client/coral-admin/src/components/ui/Header.css
+++ b/client/coral-admin/src/components/ui/Header.css
@@ -73,6 +73,8 @@
font-weight: 500;
background-color: transparent;
transition: background-color 200ms;
+ font-weight: 100;
+ letter-spacing: .8;
&:hover {
background-color: #232323;
@@ -80,6 +82,7 @@
&.active {
background-color: #232323;
+ font-weight: 400;
}
}
diff --git a/client/coral-admin/src/containers/ModerationQueue/components/CommentCount.css b/client/coral-admin/src/containers/ModerationQueue/components/CommentCount.css
index 6ca30866a..b684d0f4a 100644
--- a/client/coral-admin/src/containers/ModerationQueue/components/CommentCount.css
+++ b/client/coral-admin/src/containers/ModerationQueue/components/CommentCount.css
@@ -3,12 +3,13 @@
background: #989797;
margin: 2px;
vertical-align: middle;
- padding: 4px 7px;
+ padding: 1px 7px;
border-radius: 2px;
- margin-left: 10px;
+ margin-left: 2px;
line-height: 20px;
box-sizing: border-box;
- height: 27px;
+ height: 21px;
right: 0;
margin-top: -2px;
+ font-size: 12px;
}
diff --git a/client/coral-admin/src/containers/ModerationQueue/components/ModerationHeader.js b/client/coral-admin/src/containers/ModerationQueue/components/ModerationHeader.js
index 5d6e8b9de..1a982a68c 100644
--- a/client/coral-admin/src/containers/ModerationQueue/components/ModerationHeader.js
+++ b/client/coral-admin/src/containers/ModerationQueue/components/ModerationHeader.js
@@ -10,7 +10,7 @@ const ModerationHeader = (props) => (
props.asset ?
All Streams
-
+
{props.asset.title}
diff --git a/client/coral-admin/src/containers/ModerationQueue/components/styles.css b/client/coral-admin/src/containers/ModerationQueue/components/styles.css
index 52800fe43..bfc79355d 100644
--- a/client/coral-admin/src/containers/ModerationQueue/components/styles.css
+++ b/client/coral-admin/src/containers/ModerationQueue/components/styles.css
@@ -18,18 +18,21 @@
.tab {
flex: 1;
- color: white;
+ color: #EEEEEE;
text-transform: capitalize;
- font-weight: 500;
+ font-weight: 100;
font-size: 15px;
letter-spacing: 1px;
transition: border-bottom 200ms;
+ padding: 0px 5px;
+ margin-right: 30px;
}
.active {
color: white;
box-sizing: border-box;
- border-bottom: solid 5px #F36451;
+ border-bottom: solid 4px #F36451;
+ font-weight: 400;
}
.active > span {
@@ -97,7 +100,7 @@ span {
flex: 1;
color: white;
text-transform: capitalize;
- font-weight: 500;
+ font-weight: 400;
font-size: 15px;
letter-spacing: 1px;
transition: opacity 200ms;
@@ -371,6 +374,7 @@ span {
padding: 10px 15px;
box-sizing: border-box;
border-radius: 2px;
+ bor
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
> div {
@@ -388,6 +392,7 @@ span {
font-size: 13px;
letter-spacing: 0.7px;
font-weight: 400;
+ border-bottom: 0px;
}
label {
@@ -421,7 +426,8 @@ span {
.tabIcon {
position: relative;
- top: 7px;
+ top: 2px;
+ font-size: 16px;
}
.username {
diff --git a/client/coral-embed-stream/style/default.css b/client/coral-embed-stream/style/default.css
index 42a0d7c85..04b2536a3 100644
--- a/client/coral-embed-stream/style/default.css
+++ b/client/coral-embed-stream/style/default.css
@@ -170,6 +170,7 @@ hr {
display: flex;
align-items: center;
justify-content: center;
+ font-weight: 400;
}
.hidden {
@@ -240,6 +241,8 @@ hr {
.coral-plugin-commentcontent-text {
margin-bottom: 7px;
font-size: 16px;
+ font-weight: 100;
+ line-height: 1.3;
}
.coral-plugin-author-name-text {
@@ -319,7 +322,6 @@ button.comment__action-button[disabled],
.coral-plugin-pubdate-text {
display: inline-block;
- margin-left: 5px;
}
.coral-plugin-permalinks-container {
@@ -367,7 +369,7 @@ button.comment__action-button[disabled],
.coral-plugin-flags-popup-radio-label {
margin:5px;
- font-weight: 700;
+ font-weight: 400;
font-size: .9rem;
}
diff --git a/client/coral-plugin-history/Comment.css b/client/coral-plugin-history/Comment.css
index bc2134639..4e827cdde 100644
--- a/client/coral-plugin-history/Comment.css
+++ b/client/coral-plugin-history/Comment.css
@@ -13,10 +13,10 @@
}
.assetURL {
- font-size: 16px;
- color: black;
text-decoration: none;
font-weight: bold;
+ font-size: 12px;
+ color: #2c3e50;
}
.commentBody {
@@ -32,7 +32,7 @@
}
li {
- margin-bottom: 10px;
+ margin-bottom: 5px;
&:nth-child(1) {
color: #5394D7;
@@ -46,7 +46,6 @@
i {
margin-right: 5px;
font-size: 15px;
- vertical-align: bottom;
}
a:hover {
diff --git a/client/coral-ui/components/TextField.css b/client/coral-ui/components/TextField.css
index 33b1389e7..5682748be 100644
--- a/client/coral-ui/components/TextField.css
+++ b/client/coral-ui/components/TextField.css
@@ -18,6 +18,7 @@
box-sizing: border-box;
border-radius: 2px;
margin: 5px auto;
+ font-size: 14px;
}
input.error{