diff --git a/front/src/css/dashboard.css b/front/src/css/dashboard.css
index 8ed25ac..8447b98 100644
--- a/front/src/css/dashboard.css
+++ b/front/src/css/dashboard.css
@@ -22,8 +22,8 @@
font-weight: bold;
margin: 0.5em 0 1em;
}
-.globalScore .tweetText {
- color: #333;
+.tweet .tweetText {
+ color: #413;
background: #F2F2F2;
border: none;
width: 25em;
@@ -31,24 +31,24 @@
border-radius: 0.5em;
box-shadow: 0.05em 0.1em 0 0 #999;
}
-.globalScore .tweetButton,
-.globalScore .linkedinButton {
- color: #333;
+.tweet .tweetButton,
+.tweet .linkedinButton {
+ color: #413;
background: #F2F2F2;
margin-right: 0;
}
-.globalScore .tweetButton:hover,
-.globalScore .linkedinButton:hover {
+.tweet .tweetButton:hover,
+.tweet .linkedinButton:hover {
color: #F2F2F2;
background: #e74c3c;
}
-.globalScore input {
+.tweet input {
font-size: 0.9em;
}
.notations {
display: table;
width: 80%;
- margin: 0 10%;
+ margin: 0 10% 3em;
border-spacing: 1em;
}
.notations > div {
diff --git a/front/src/less/dashboard.less b/front/src/less/dashboard.less
index 6340fca..e41a435 100644
--- a/front/src/less/dashboard.less
+++ b/front/src/less/dashboard.less
@@ -23,8 +23,11 @@
font-weight: bold;
margin: 0.5em 0 1em;
}
+}
+
+.tweet {
.tweetText {
- color: #333;
+ color: #413;
background: #F2F2F2;
border: none;
width: 25em;
@@ -33,7 +36,7 @@
box-shadow: 0.05em 0.1em 0 0 #999;
}
.tweetButton, .linkedinButton {
- color: #333;
+ color: #413;
background: #F2F2F2;
margin-right: 0;
&:hover {
@@ -49,7 +52,7 @@
.notations {
display: table;
width: 80%;
- margin: 0 10%;
+ margin: 0 10% 3em;
border-spacing: 1em;
}
.notations > div {
diff --git a/front/src/views/dashboard.html b/front/src/views/dashboard.html
index 7599530..5f504d0 100644
--- a/front/src/views/dashboard.html
+++ b/front/src/views/dashboard.html
@@ -7,13 +7,6 @@
Yellow Lab Tools is a free online tool that analyzes performance and front-end quality.
See the full report for this page