From ab7e95759d11d9c5cb555531709c1059b1965bcf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABl=20M=C3=A9tais?= <gael.metais@gmail.com>
Date: Mon, 25 Aug 2014 14:31:28 +0200
Subject: [PATCH] app/public/styles/results.css

---
 app/public/styles/results.css | 35 ++++++++++++++++++++++++++++++-----
 1 file changed, 30 insertions(+), 5 deletions(-)

diff --git a/app/public/styles/results.css b/app/public/styles/results.css
index 27964af..8721a71 100644
--- a/app/public/styles/results.css
+++ b/app/public/styles/results.css
@@ -1,3 +1,28 @@
+.resultsMenu {
+    margin-top: 2em;
+}
+
+.resultsMenu .menuItem {
+    display: inline-block;
+    margin: 1em;
+    width: 8em;
+    height: 8em;
+    background: #fff;
+    border-radius: 0.5em;
+    color: #9c4274;
+    cursor: pointer;
+    text-decoration: none;
+}
+
+.resultsMenu .active, .resultsMenu .menuItem:hover {
+    color: #e74c3c;
+}
+
+.resultsMenu span {
+    position: relative;
+    top: 6em;
+}
+
 .testedUrl {
     color: inherit;
 }
@@ -6,8 +31,8 @@ h4 {
     margin-bottom: 0.5em;
 }
 
-.execution {
-    margin-top: 3em;
+.summary, .metrics, .execution {
+    margin-top: 2em;
     padding: 1em;
     background: #fff;
     color: #000;
@@ -109,9 +134,9 @@ input.textFilter {
     z-index: 1;
 }
 @media screen and (max-width: 1024px) {
-  .detailsOverlay {
-    width: 25em;
-}
+    .detailsOverlay {
+        width: 25em;
+    }
 }
 .detailsOverlay .closeBtn {
     position: absolute;