arc: Use location service consent.

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

 /**
  * Copyright 2016 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 html,
 body,
 webview,
 .section {
@@ skipping 19 matching lines @@
   background: rgba(0, 0, 0, 0.2);
 }
 
 #arc-support {
   flex: auto;
   overflow: hidden;
   width: 960px;
 }
 
 #terms-view {
-  width: 468px;
+  width: 640px;

[khmel, 2016/07/25 15:36:05]

This new option reduces available size for ToS. We decided to extended
horizontal content dimension to reduce lines in options.

[xiyuan, 2016/07/25 18:03:40]

Acknowledged.

 }
 
 .button-separator {
   width: 1px;
 }
 
-.checkbox-option {
-  height: 16px;
+.checkbox-container {

[khmel, 2016/07/25 15:36:05]

Please see more details in .html

[xiyuan, 2016/07/25 18:03:40]

Acknowledged.

   margin: 0;
   padding: 0 8px 0 0;
-  width: 16px;
+}
+
+.checkbox-option {

[khmel, 2016/07/25 15:36:05]

More details in .html

[xiyuan, 2016/07/25 18:03:40]

Acknowledged.

+  height: 12px;
+  margin: 0;
+  padding: 0;
+  width: 12px;
 }
 
 .content {
   /* Default window inner height (688px) minus image caption height (300px) */
   height: 388px;
   margin: 0;
   padding: 0;
 }
 
 .image-header {
@@ skipping 12 matching lines @@
 
 .section {
   display: flex;
   flex-direction: column;
   text-align: center;
 }
 
 .section-buttons {
   margin: auto;
   padding: 16px 0 24px 0;
-  width: 468px;
+  width: 640px;
 }
 
 .section-flex {
   display: flex;
   flex-direction: column;
 }
 
 .section-checkbox-container {
   margin: auto;
   padding: 8px 0 0 0;
   text-align: left;
-  width: 468px;
+  width: 640px;
 }
 
 .section-terms {
   border: 1px solid #e6e6e6;
   color: rgba(0, 0, 0, 0.54);
   flex: auto;
   margin: 0 auto 8px auto;
   overflow: hidden;
   padding: 0;
-  width: 468px;
+  width: 640px;
 }
 
 .text-desc {
   color: rgba(0, 0, 0, 0.54);
   font-size: 18px;
   font-weight: 300;
   line-height: 24px;
   margin: auto;
   padding: 16px 0 0 0;
-  width: 600px;
+  width: 640px;
 }
 
 .checkbox-text {
   color: rgba(0, 0, 0, 0.54);
   font-size: 10px;
   font-weight: 400;
   line-height: 16px;
   margin: 0;
   padding: 0;
 }
 
 .text-status {
   color: rgba(0, 0, 0, 0.54);
   font-size: 13px;
   font-weight: 500;
   margin: auto;
   padding: 11px 0 40px 0;
 }
 
 .text-terms-title {
   color: rgba(0, 0, 0, 0.54);
   font-size: 10px;
   font-weight: 500;
   margin: auto;
-  padding: 14px 0 8px 0;
+  padding: 10px 0 8px 0;

[khmel, 2016/07/25 15:36:05]

Change required to allow more space for ToS

   text-align: left;
-  width: 468px;
+  width: 640px;
 }
 
 .text-title {
   color: rgba(0, 0, 0, 0.87);
   font-size: 30px;
   font-weight: 300;
   line-height: 32px;
   margin: auto;
   padding: 4px 0 0 0;
   width: 800px;
 }
 
 a:link {
   color: rgb(51, 103, 214);
   text-decoration: none;
 }
 
 a:visited {
   color: rgb(51, 103, 214);
   text-decoration: none;
 }