Diagnostics UI: more UI implementation.

chrome/browser/resources/chromeos/diagnostics/main.css

Index: chrome/browser/resources/chromeos/diagnostics/main.css
diff --git a/chrome/browser/resources/chromeos/diagnostics/main.css b/chrome/browser/resources/chromeos/diagnostics/main.css
index 45b37015b177d90199db83260d93b1060c86e007..7339d713cb5597ea5d2076757a4eeac5382f87f4 100644
--- a/chrome/browser/resources/chromeos/diagnostics/main.css
+++ b/chrome/browser/resources/chromeos/diagnostics/main.css
@@ -52,10 +52,35 @@ body {
  * to the end of the header, such as the managed prefs banner). */
 .page header > h1::after {
   -webkit-margin-end: 20px;
-  background-color: #eee;
+  background-color: rgb(238, 238, 238);
   content: '';
   display: block;
   height: 1px;
   position: relative;
   top: 13px;
 }
+
+.page div {
+  line-height: 29px;
+}
+
+.test-performed {
+  color: rgb(70, 78, 90);
+}
+
+.test-pending {
+  color: rgb(153, 153, 153);
+}
+
+.test-error {
+  color: rgb(206, 57, 38);
+}
+
+.recommendation {
+  background: -webkit-gradient(linear, left top, left bottom,
+                               from(rgb(171, 253, 182)),
+                               to(rgb(94, 191, 107)));
+  border: 1px solid rgb(17, 102, 27);
+  padding: 2px;
+  width: 320px;
+}