Put the tweet block at the bottom of the dashboard

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 {

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 {

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>