Desktop User Manager: Use new Material icons for "locked" and "supervised".

chrome/browser/resources/user_manager/user_manager.css

Index: chrome/browser/resources/user_manager/user_manager.css
diff --git a/chrome/browser/resources/user_manager/user_manager.css b/chrome/browser/resources/user_manager/user_manager.css
index cc1dd2e2c4a20f01e0fb2bab36ac30102829d852..1e553ae0653b6f75bd6cb2df7b1e79a1966c5e9b 100644
--- a/chrome/browser/resources/user_manager/user_manager.css
+++ b/chrome/browser/resources/user_manager/user_manager.css
@@ -74,36 +74,41 @@ html[dir=rtl] .user-image-pane {
   top: 1px;
 }
 
-.pod.locked .locked-indicator {
-  background-image: -webkit-image-set(
-      url('chrome://theme/IDR_ICON_PROFILES_LOCKED') 1x,
-      url('chrome://theme/IDR_ICON_PROFILES_LOCKED@2x') 2x);
-  height: 31px;
+.pod .indicator-container {
+  background-color: rgba(255, 255, 255, 0.85);
+  border-radius: 16px;
+  height: 32px;
   left: 8px;
   position: absolute;
   top: 8px;
-  width: 31px;
 }
 
-html[dir=rtl] .pod.locked .locked-indicator {
+html[dir=rtl] .pod .indicators {
   left: auto;
   right: 8px;
 }
 
+.pod .indicator {
+  background-position: center;
+  background-repeat: no-repeat;
+  display: none;
+  float: left;
+  height: 32px;
+  width: 32px;
+}
+
+.pod.locked .locked-indicator {
+  background-image: -webkit-image-set(
+      url('chrome://theme/IDR_ICON_PROFILES_LOCKED') 1x,
+      url('chrome://theme/IDR_ICON_PROFILES_LOCKED@2x') 2x);
+  display: initial;
+}
+
 .pod.supervised-user .supervised-indicator {
   background-image: -webkit-image-set(
       url('chrome://theme/IDR_ICON_PROFILES_SUPERVISED') 1x,
       url('chrome://theme/IDR_ICON_PROFILES_SUPERVISED@2x') 2x);
-  height: 31px;
-  left: 8px;
-  position: absolute;
-  top: 8px;
-  width: 31px;
-}
-
-html[dir=rtl] .pod.supervised-user .supervised-indicator {
-  left: auto;
-  right: 8px;
+  display: initial;
 }
 
 .main-pane {