Polished UI for the host side of pairing flow.

chrome/browser/resources/chromeos/login/oobe_screen_host_pairing.css

Index: chrome/browser/resources/chromeos/login/oobe_screen_host_pairing.css
diff --git a/chrome/browser/resources/chromeos/login/oobe_screen_host_pairing.css b/chrome/browser/resources/chromeos/login/oobe_screen_host_pairing.css
index 2d5f385e3909b1d14b3ec2f92fbb18e6d02936d9..e14c84127d4cf82c2693f3bbf3f5a075e5880e21 100644
--- a/chrome/browser/resources/chromeos/login/oobe_screen_host_pairing.css
+++ b/chrome/browser/resources/chromeos/login/oobe_screen_host_pairing.css
@@ -3,14 +3,48 @@
  * found in the LICENSE file.
  */
 
-#host-pairing {
-  background: white;
-  height: 601px;
-  padding: 20px;
-  width: 720px;
+/* TODO(dzhioev): support RTL. */
+
+:host {
+  -webkit-user-select: none;
+  background-color: rgb(242, 166, 0);
+  color: white;
+  display: block;
+  font-family: 'Roboto';
+  height: 100%;
+}
+
+core-animated-pages {
+  left: 114px;
+  position: absolute;
+  right: 0;
+  top: 100px;
+}
+
+#illustration {
+  background-image: url(chrome://theme/IDR_BUILDINGS_ILLUSTRATION);
+  bottom: 95px;
+  height: 368px;
+  position: absolute;
+  right: 95px;
+  width: 503px;
+}
+
+#device-indicator {
+  bottom: 74px;
+  font-size: 33px;
+  font-weight: bolder;
+  left: 130px;
+  position: absolute;
+}
+
+#device-label {
+  margin-left: -0.3em;
 }
 
-#host-pairing .page-name {
-  text-align: center;
+#code {
+  font-family: 'Roboto';
+  font-size: 120px;
+  font-weight: lighter;
 }