Incorporate comments in Dbus code and add Eol icon

chrome/browser/resources/help/help_content.css

Index: chrome/browser/resources/help/help_content.css
diff --git a/chrome/browser/resources/help/help_content.css b/chrome/browser/resources/help/help_content.css
index 6084217a37694b0dd461ab339e7c60ae9bb34f3d..fe253a698f205ce3e5c91b736fd59c79855e5619 100644
--- a/chrome/browser/resources/help/help_content.css
+++ b/chrome/browser/resources/help/help_content.css
@@ -33,6 +33,7 @@
 }
 
 #update-status-container {
+  margin-bottom: 12px;
   margin-top: 10px;
 }
 
@@ -96,8 +97,25 @@
   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;
 }