Mark supervised users in the "Users" list in about:settings.

chrome/browser/resources/options/browser_options_profile_list.js

 // Copyright (c) 2012 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.
 
 cr.define('options.browser_options', function() {
   /** @const */ var DeletableItem = options.DeletableItem;
   /** @const */ var DeletableItemList = options.DeletableItemList;
   /** @const */ var ListSingleSelectionModel = cr.ui.ListSingleSelectionModel;
 
   /**
    * Creates a new profile list item.
-   * @param {Object} profileInfo The profile this item respresents.
+   * @param {Object} profileInfo The profile this item represents.
    * @constructor
    * @extends {cr.ui.DeletableItem}
    */
   function ProfileListItem(profileInfo) {
     var el = cr.doc.createElement('div');
     el.profileInfo_ = profileInfo;
     ProfileListItem.decorate(el);
     return el;
   }
 
@@ skipping 22 matching lines @@
     get isManaged() {
       return this.profileInfo_.isManaged;
     },
 
     /** @override */
     decorate: function() {
       DeletableItem.prototype.decorate.call(this);
 
       var profileInfo = this.profileInfo_;
 
+      var containerEl = this.ownerDocument.createElement('div');
+      containerEl.className = 'profile-container';

[Patrick Dubroy, 2014/04/03 10:48:39]

Could you just give this class to `this.contentElement` instead, and avoid the
extra level of nesting?

[Marc Treib, 2014/04/03 11:41:56]

No: this.contentElement will not shrink, and so the "(Supervised user)" will
appear right-aligned instead of left. That could probably be fixed by overriding
some of this.contentElement's pre-defined properties, but at that point the
extra nesting seems cleaner to me.

[Patrick Dubroy, 2014/04/03 11:48:38]

Ok.

+
       var iconEl = this.ownerDocument.createElement('img');
       iconEl.className = 'profile-img';
       iconEl.style.content = getProfileAvatarIcon(profileInfo.iconURL);
-      this.contentElement.appendChild(iconEl);
+      containerEl.appendChild(iconEl);
 
       var nameEl = this.ownerDocument.createElement('div');
       nameEl.className = 'profile-name';
       if (profileInfo.isCurrentProfile)
         nameEl.classList.add('profile-item-current');
-      this.contentElement.appendChild(nameEl);
+      containerEl.appendChild(nameEl);
 
       var displayName = profileInfo.name;
       if (profileInfo.isCurrentProfile) {
         displayName = loadTimeData.getStringF('profilesListItemCurrent',
                                               profileInfo.name);
       }
       nameEl.textContent = displayName;
 
+      if (profileInfo.isManaged) {
+        var supervisedEl = this.ownerDocument.createElement('div');
+        supervisedEl.className = 'profile-supervised';
+        supervisedEl.textContent =
+          '(' + loadTimeData.getStringF('managedUserLabel') + ')';
+        containerEl.appendChild(supervisedEl);
+      }
+
+      this.contentElement.appendChild(containerEl);
+
       // Ensure that the button cannot be tabbed to for accessibility reasons.
       this.closeButtonElement.tabIndex = -1;
     },
   };
 
   var ProfileList = cr.ui.define('list');
 
   ProfileList.prototype = {
     __proto__: DeletableItemList.prototype,
 
@@ skipping 26 matching lines @@
     },
 
     /**
      * Sets whether items in this list are deletable.
      */
     set canDeleteItems(value) {
       this.canDeleteItems_ = value;
     },
 
     /**
-     * If false, items in this list will not be deltable.
+     * If false, items in this list will not be deletable.
      * @private
      */
     canDeleteItems_: true,
   };
 
   return {
     ProfileList: ProfileList
   };
 });