From 5d2e647f10f5d2b4d4ad9fe33e7f878b46007278 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABl=20M=C3=A9tais?= <gael.metais@gmail.com>
Date: Tue, 23 Dec 2014 16:27:18 +0100
Subject: [PATCH] Put the tweet block at the bottom of the dashboard

---
 front/src/css/dashboard.css    | 18 +++++++++---------
 front/src/less/dashboard.less  |  9 ++++++---
 front/src/views/dashboard.html | 15 ++++++++-------
 3 files changed, 23 insertions(+), 19 deletions(-)

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 @@
             <grade score="result.scoreProfiles.generic.globalScore" class="globalGrade"></grade>
             <div class="on100">{{globalScore}}/100</div>
         </div>
-        <div class="tweet" ng-if="!fromSocialShare">
-            <form ng-submit="sendTweet()">
-                <input type="text" class="tweetText" ng-model="tweetText">
-                <input type="submit" class="tweetButton" value="Tweet this!" ng-click="shareOnTwitter(tweetText)">
-                <input type="submit" class="linkedinButton" value="LinkedIn" ng-click="shareOnLinkedin(tweetText)">
-            </form>
-        </div>
     </div>
 
     <h2 ng-if="!fromSocialShare">Score details</h2>
@@ -45,6 +38,14 @@
         </div>
     </div>
 
+    <div class="tweet" ng-if="!fromSocialShare">
+        <form ng-submit="sendTweet()">
+            <input type="text" class="tweetText" ng-model="tweetText">
+            <input type="submit" class="tweetButton" value="Tweet this!" ng-click="shareOnTwitter(tweetText)">
+            <input type="submit" class="linkedinButton" value="LinkedIn this!" ng-click="shareOnLinkedin(tweetText)">
+        </form>
+    </div>
+
     <div class="fromShare" ng-if="fromSocialShare">
         <p>Yellow Lab Tools is a free online tool that analyzes performance and front-end quality.</p>
         <a href="" ng-click="seeFullReport()">See the full report for this page</a>