From 5330f0f8e2ac653cfa4778b273608358ba2e8bc6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABl=20M=C3=A9tais?= <gael.metais@gmail.com>
Date: Fri, 6 Feb 2015 11:17:27 +0100
Subject: [PATCH] Better links when an error occurs

---
 front/src/css/dashboard.css    | 12 ------------
 front/src/css/main.css         | 12 ++++++++++++
 front/src/css/queue.css        |  3 ---
 front/src/less/dashboard.less  | 12 ------------
 front/src/less/main.less       | 13 +++++++++++++
 front/src/less/queue.less      |  4 ----
 front/src/views/dashboard.html |  4 ++--
 front/src/views/queue.html     |  5 +++--
 8 files changed, 30 insertions(+), 35 deletions(-)

diff --git a/front/src/css/dashboard.css b/front/src/css/dashboard.css
index 884932b..41e9467 100644
--- a/front/src/css/dashboard.css
+++ b/front/src/css/dashboard.css
@@ -146,18 +146,6 @@
 .summary .fromShare {
   margin-bottom: 3em;
 }
-.summary .fromShare a {
-  font-size: 1em;
-  padding: 0.3em 0.5em;
-  margin: 0.5em;
-  line-height: 2em;
-  border: 0 solid;
-  border-radius: 0.5em;
-  box-shadow: 0.1em 0.2em 0 0 #5e2846;
-  background: #e74c3c;
-  color: #fff;
-  text-decoration: none;
-}
 .summary .apiTip {
   font-size: 0.8em;
   margin-bottom: 4em;
diff --git a/front/src/css/main.css b/front/src/css/main.css
index 0a6b4bf..dea34f0 100644
--- a/front/src/css/main.css
+++ b/front/src/css/main.css
@@ -113,6 +113,18 @@ h1 span {
   margin-top: 4em;
   color: black;
 }
+a.linkButton {
+  font-size: 1em;
+  padding: 0.3em 0.5em;
+  margin: 0.5em;
+  line-height: 2em;
+  border: 0 solid;
+  border-radius: 0.5em;
+  box-shadow: 0.1em 0.2em 0 0 #5e2846;
+  background: #e74c3c;
+  color: #fff;
+  text-decoration: none;
+}
 .screenshotWrapper.desktop {
   display: inline-block;
   position: relative;
diff --git a/front/src/css/queue.css b/front/src/css/queue.css
index e847481..094ee24 100644
--- a/front/src/css/queue.css
+++ b/front/src/css/queue.css
@@ -6,6 +6,3 @@
   font-size: 0.8em;
   margin-bottom: 6em;
 }
-.queueLink {
-  color: #FFF;
-}
diff --git a/front/src/less/dashboard.less b/front/src/less/dashboard.less
index e12dd39..379babd 100644
--- a/front/src/less/dashboard.less
+++ b/front/src/less/dashboard.less
@@ -142,18 +142,6 @@
 
 .summary .fromShare {
     margin-bottom: 3em;
-    a {
-        font-size: 1em;
-        padding: 0.3em 0.5em;
-        margin: 0.5em;
-        line-height: 2em;
-        border: 0 solid;
-        border-radius: 0.5em;
-        box-shadow: 0.1em 0.2em 0 0 #5e2846;
-        background: #e74c3c;
-        color: #fff;
-        text-decoration: none;
-    }
 }
 
 .summary .apiTip {
diff --git a/front/src/less/main.less b/front/src/less/main.less
index b949cd8..a22bb81 100644
--- a/front/src/less/main.less
+++ b/front/src/less/main.less
@@ -112,6 +112,19 @@ h1 span {
     }
 }
 
+a.linkButton {
+    font-size: 1em;
+    padding: 0.3em 0.5em;
+    margin: 0.5em;
+    line-height: 2em;
+    border: 0 solid;
+    border-radius: 0.5em;
+    box-shadow: 0.1em 0.2em 0 0 #5e2846;
+    background: #e74c3c;
+    color: #fff;
+    text-decoration: none;
+}
+
 
 .screenshotWrapper.desktop {
     display: inline-block;
diff --git a/front/src/less/queue.less b/front/src/less/queue.less
index dc1181b..f8d2cb2 100644
--- a/front/src/less/queue.less
+++ b/front/src/less/queue.less
@@ -6,8 +6,4 @@
 .statusSubMessage {
     font-size: 0.8em;
     margin-bottom: 6em;
-}
-
-.queueLink {
-    color: #FFF;
 }
\ No newline at end of file
diff --git a/front/src/views/dashboard.html b/front/src/views/dashboard.html
index 1d163bc..ab85f9f 100644
--- a/front/src/views/dashboard.html
+++ b/front/src/views/dashboard.html
@@ -60,8 +60,8 @@
 
     <div class="fromShare" ng-if="!error && 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>
-        <a href="/">Test another webpage</a>
+        <a class="linkButton" href="" ng-click="seeFullReport()">See the full report for this page</a>
+        <a class="linkButton" href="/">Test another webpage</a>
     </div>
 
     <div ng-if="error">
diff --git a/front/src/views/queue.html b/front/src/views/queue.html
index c34d3b4..f2d9fb5 100644
--- a/front/src/views/queue.html
+++ b/front/src/views/queue.html
@@ -3,8 +3,9 @@
 <div ng-if="status.statusCode == 'failed'">
     <div class="status">Test failed</div>
     <p class="statusSubMessage">{{status.error}}</p>
-    <p><a class="queueLink" href="https://github.com/gmetais/YellowLabTools/issues" target="_blank">Report a bug on GitHub</a></p>
-    <p><a class="queueLink" href="/">Back to index</a></p>
+    
+    <a class="linkButton" href="https://github.com/gmetais/YellowLabTools/issues" target="_blank">Report the issue on GitHub</a>
+    <a class="linkButton" href="/">New test</a>
 </div>
 <div ng-if="status.statusCode == 'awaiting'">
     <div class="status">