Adjust error message and alert icon position

ui/login/bubble.css

Index: ui/login/bubble.css
diff --git a/ui/login/bubble.css b/ui/login/bubble.css
index 289b5fa5368c3b00518b04a6827a69f261007a71..cf7ff0c50c3108982a19d61cff13a4083b3fc3ed 100644
--- a/ui/login/bubble.css
+++ b/ui/login/bubble.css
@@ -11,7 +11,6 @@
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
   color: rgba(255, 255, 255, 0.87);
   font-size: 12px;
-  margin: 2px;

[Alexander Alekseev, 2017/05/25 01:25:25]

This code is used on desktop version.
Could you hide your changes behind body.chromeos selector as you did below?

[Alexander Alekseev, 2017/05/25 01:28:28]

It is probably enough to put

margin: unset;

to the block below.

[Wenzhao (Colin) Zang, 2017/05/25 02:27:55]

Done.

   max-width: 250px;
   padding: 8px;
   position: absolute;
@@ -137,7 +136,7 @@ body.chromeos .error-message-bubble::before {
   content: '';
   display: block;
   height: 20px;
-  left: 8px;
+  left: 16px;
   position: absolute;
   top: 8px;
   width: 20px;