app/public/styles/results.css

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;