Share score button + Restart test button

front/src/css/dashboard.css

@@ -1,8 +1,49 @@
 .testedUrl {
   color: inherit;
 }
-h4 {
-  margin-bottom: 0.5em;
+.summary {
+  text-align: center;
+}
+.globalScore {
+  margin-bottom: 3em;
+}
+.globalScore .globalGrade {
+  margin: 0.5 auto;
+  width: 2.5em;
+  height: 2.5em;
+  line-height: 2.5em;
+  border-radius: 0.5em;
+  font-size: 3em;
+  font-weight: bold;
+  vertical-align: middle;
+}
+.globalScore .on100 {
+  font-size: 1.2em;
+  font-weight: bold;
+  margin: 0.5em 0 1em;
+}
+.globalScore .tweetText {
+  color: #333;
+  background: #F2F2F2;
+  border: none;
+  width: 25em;
+  padding: 0.4em;
+  border-radius: 0.5em;
+  box-shadow: 0.05em 0.1em 0 0 #999;
+}
+.globalScore .tweetButton,
+.globalScore .linkedinButton {
+  color: #333;
+  background: #F2F2F2;
+  margin-right: 0;
+}
+.globalScore .tweetButton:hover,
+.globalScore .linkedinButton:hover {
+  color: #F2F2F2;
+  background: #e74c3c;
+}
+.globalScore input {
+  font-size: 0.9em;
 }
 .notations {
   display: table;
@@ -101,66 +142,18 @@ h4 {
 .notations .criteria .icon-question {
   color: transparent;
 }
-/**** NgModal popin (have a look inside bower_components) ****/
-.ng-modal {
-  position: fixed;
-  z-index: 9999;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  text-align: left;
+.fromShare {
+  margin-bottom: 3em;
 }
-.ng-modal-overlay {
-  position: absolute;
-  z-index: 9999;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: #000;
-  opacity: 0.5;
-}
-.ng-modal-dialog {
-  z-index: 10000;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 50%;
-  transform: translate(-50%, -50%);
-  -webkit-transform: translate(-50%, -50%);
-  background-color: #fff;
-  padding: 10px;
-  border: 3px solid #f1c40f;
+.fromShare a {
+  font-size: 1em;
+  padding: 0.3em 0.5em;
+  margin: 0.5em;
+  line-height: 2em;
+  border: 0 solid;
   border-radius: 0.5em;
-  color: #000;
-}
-.ng-modal-dialog-content {
-  overflow-x: hidden;
-  overflow-y: scroll;
-  word-wrap: break-word;
-  max-height: 20em;
-  font-weight: normal;
-  white-space: normal;
-}
-.ng-modal-close {
-  position: absolute;
-  top: 3px;
-  right: 5px;
-  cursor: pointer;
-  font-size: 120%;
-  padding: 5px;
-  display: inline-block;
-}
-.ng-modal-close-x {
-  font-weight: bold;
-  font-family: Arial, sans-serif;
-}
-.ng-modal-title {
-  font-weight: bold;
-  font-size: 1.5em;
-  display: block;
-  margin-bottom: 10px;
-  padding-bottom: 7px;
-  border-bottom: solid 1px #999;
+  box-shadow: 0.1em 0.2em 0 0 #5e2846;
+  background: #e74c3c;
+  color: #fff;
+  text-decoration: none;
 }

front/src/css/main.css

@@ -46,7 +46,8 @@ h1 span {
   cursor: pointer;
   text-decoration: none;
 }
-.resultsMenu .back {
+.resultsMenu .menuItem.back,
+.resultsMenu .menuItem.restart {
   color: #413;
   border-color: #413;
 }
@@ -137,7 +138,7 @@ h1 span {
   -webkit-font-smoothing: antialiased;
 }
 .icon-lab:before {
-  content: "\e003";
+  content: "\e004";
 }
 .icon-question {
   font-family: "fontsmith-icons";
@@ -176,7 +177,7 @@ h1 span {
   -webkit-font-smoothing: antialiased;
 }
 .icon-back:before {
-  content: "\e005";
+  content: "\e006";
 }
 .icon-summary {
   font-family: "fontsmith-icons";
@@ -189,7 +190,7 @@ h1 span {
   -webkit-font-smoothing: antialiased;
 }
 .icon-summary:before {
-  content: "\e002";
+  content: "\e003";
 }
 .icon-spaghetti {
   font-family: "fontsmith-icons";
@@ -202,5 +203,18 @@ h1 span {
   -webkit-font-smoothing: antialiased;
 }
 .icon-spaghetti:before {
-  content: "\e004";
+  content: "\e005";
+}
+.icon-loop {
+  font-family: "fontsmith-icons";
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+}
+.icon-loop:before {
+  content: "\e002";
 }

front/src/css/timeline.css

@@ -1,4 +1,7 @@
 /* Timeline colors, related to Window Performances */
+.execution {
+  text-align: center;
+}
 .timeline {
   margin: 2em 0 5em;
 }
@@ -117,9 +120,12 @@
   border-radius: 0.2em;
 }
 .filters {
-  margin: 1em 0;
+  margin: 1em auto;
   padding: 0.5em;
+  min-width: 30em;
+  width: 30%;
   border: 1px dotted #aaa;
+  text-align: left;
 }
 .slowRequestsLimit {
   width: 3em;