arc: Provide progress to load TOS content for OptIn.

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

Index: chrome/browser/resources/chromeos/arc_support/main.css
diff --git a/chrome/browser/resources/chromeos/arc_support/main.css b/chrome/browser/resources/chromeos/arc_support/main.css
index ce232895c7a7057113260494323b81f74f715262..1ca1369a7eeaf88c8a85d82965e481c10ea537d8 100644
--- a/chrome/browser/resources/chromeos/arc_support/main.css
+++ b/chrome/browser/resources/chromeos/arc_support/main.css
@@ -16,7 +16,11 @@ webview,
 }
 
 #arc-support {
-  padding: 0;
+  width: 960px;

[khmel, 2016/07/08 21:59:34]

Please see comments in .js

[xiyuan, 2016/07/08 22:33:29]

Acknowledged.

+}
+
+#terms-view {
+  width: 468px;

[khmel, 2016/07/08 21:59:34]

the same as above.

[xiyuan, 2016/07/08 22:33:29]

Acknowledged.

 }
 
 .button-separator {
@@ -55,7 +59,7 @@ webview,
 
 .section-checkbox-container {
   margin: auto;
-  padding: 16px 0 0 0;
+  padding: 8px 0 0 0;

[khmel, 2016/07/08 21:59:33]

Second checkbox section was added recently. However it broke layout
specification
(https://drive.google.com/a/google.com/folderview?id=0B6x6iYCtKinENXB6OTRtYlRP...).
This also includes changes in .section-terms below

[xiyuan, 2016/07/08 22:33:29]

Acknowledged.

   text-align: left;
   width: 468px;
 }
@@ -64,7 +68,7 @@ webview,
   border: 1px solid #e6e6e6;
   color: rgba(0, 0, 0, 0.54);
   flex: auto;
-  margin: auto;
+  margin: 0 auto 8px auto;
   overflow: hidden;
   padding: 0;
   width: 468px;