Incorporate comments in Dbus code and add Eol icon

chrome/browser/resources/help/help_content.css

 /* Copyright 2014 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.
  */
 
 #about-container {
   align-items: center;
   display: flex;
 }
 
@@ skipping 15 matching lines @@
 
 #version-container {
   margin-top: 30px;
 }
 
 #update-buttons-container {
   margin-top: 5px;
 }
 
 #update-status-container {
+  margin-bottom: 12px;
   margin-top: 10px;
 }
 
 #update-status {
   vertical-align: middle;
 }
 
 #update-percentage {
   font-size: 90%;
 }
@@ skipping 43 matching lines @@
 #update-status-icon.disabled-by-admin {
   background-image: url(../../../../ui/webui/resources/images/business.svg);
   background-size: 18px;
 }
 
 #controlled-feature-icon {
   background-image: url(../../../../ui/webui/resources/images/business.svg);
   background-size: 18px;
 }
 
+#eol-status-icon {
+  background-image: url(../../../../ui/webui/resources/images/eol.svg);
+  background-size: 18px;
+}
+
+#eol-status-container {
+  margin-bottom: 12px;
+  margin-top: 10px;
+}
+
+#eol-status-message-container {
+  display: inline-block;
+  margin-left: 12px;

[xiyuan, 2016/06/29 22:29:37]

margin-left is not RTL friendly. Let's use "-webkit-margin-start" instead.

And move "-webkit-margin-start" to beginning of the rules to keep it alpha
sorted.

[xiaoyinh(OOO Sep 11-29), 2016/06/29 23:25:56]

Done.

+  vertical-align: middle;
+}
+
 #update-status-message-container {
   display: inline-block;
+  margin-left: 12px;

[xiyuan, 2016/06/29 22:29:37]

ditto

[xiaoyinh(OOO Sep 11-29), 2016/06/29 23:25:56]

Done.

   vertical-align: middle;
 }
 
 #more-info-expander {
   -webkit-padding-start: 0;
   margin-top: 10px;
 }
 
 #more-info-container.visible {
   margin-bottom: 10px;
@@ skipping 41 matching lines @@
 }
 
 #regulatory-label-container {
   padding-top: 32px;
 }
 
 #regulatory-label {
   display: block;
   width: 330px;
 }