Settings People Revamp: Minor CSS fixes for CrOS Manage Other People

Deletes the external stylesheets, which have been deprecated.

Also restores the correct vertical layout. Further CSS fixes to come.

Before: http://imgur.com/fypTcpf
After: http://imgur.com/GQCVtlS

BUG=563721
CQ_INCLUDE_TRYBOTS=tryserver.chromium.linux:closure_compilation

Review-Url: https://codereview.chromium.org/1989683002
Cr-Commit-Position: refs/heads/master@{#394476}

chrome/browser/resources/settings/people_page/user_list.html

@@ -5,9 +5,31 @@
 <link rel="import" href="chrome://md-settings/settings_shared_css.html">
 
 <dom-module id="settings-user-list">
-  <link rel="import" type="css" href="user_list.css">
   <template>
-    <style include="settings-shared"></style>
+    <style include="settings-shared">
+      .soft-border {
+        border: 1px solid #c4c4c4;
+        border-radius: 2px;
+      }
+
+      .user {
+        -webkit-padding-end: 8px;
+        -webkit-padding-start: 20px;
+        font-size: 0.75em;
+        height: 34px;
+      }
+
+      .user:hover {
+        background-color: #f0f0f0;
+      }
+
+      .user-list {
+        border: 1px solid gray;
+        height: 160px;
+        overflow-y: auto;
+        padding: 10px 0;
+      }
+    </style>
     <div class="user-list soft-border">
       <template is="dom-repeat" items="[[users]]">
         <div class="user layout horizontal justified">

chrome/browser/resources/settings/people_page/users_page.html

@@ -9,9 +9,24 @@
 <link rel="import" href="user_list.html">
 
 <dom-module id="settings-users-page">
-  <link rel="import" type="css" href="users_page.css">
   <template>
-    <style include="settings-shared"></style>
+    <style include="settings-shared">
+      #addUserInput {
+        width: 100%;
+      }
+
+      .add-user-button {
+        padding-top: 25px;
+      }
+
+      .users {
+        -webkit-margin-start: 50px;
+      }
+
+      paper-input {
+        width: 300px;
+      }
+    </style>
     <div class="settings-box"
         hidden$="{{computeHideOwnerLabel_(isOwner, isWhitelistManaged)}}">
       $i18n{usersModifiedByOwnerLabel}
@@ -20,7 +35,7 @@
         hidden$="{{computeHideManagedLabel_(isOwner, isWhitelistManaged)}}">
       $i18n{settingsManagedLabel}
     </div>
-    <div class="settings-box">
+    <div class="settings-box block">
       <settings-checkbox
           pref="{{prefs.cros.accounts.allowBWSI}}"
           label="$i18n{guestBrowsingLabel}"
@@ -36,8 +51,6 @@
           label="$i18n{showOnSigninLabel}"
           disabled="{{editingDisabled}}">
       </settings-checkbox>
-    </div>
-    <div class="settings-box">
       <settings-checkbox
           pref="{{prefs.cros.accounts.allowGuest}}"
           id="restrictSignIn"

chrome/browser/resources/settings/settings_resources.grd

@@ -916,9 +916,6 @@
                    type="chrome_html"
                    flattenhtml="true"
                    allowexternalscript="true" />
-        <structure name="IDR_SETTINGS_USERS_PAGE_USER_LIST_CSS"
-                   file="people_page/user_list.css"
-                   type="chrome_html" />
         <structure name="IDR_SETTINGS_USERS_PAGE_JS"
                    file="people_page/users_page.js"
                    type="chrome_html" />
@@ -927,9 +924,6 @@
                    type="chrome_html"
                    flattenhtml="true"
                    allowexternalscript="true" />
-        <structure name="IDR_SETTINGS_USERS_PAGE_CSS"
-                   file="people_page/users_page.css"
-                   type="chrome_html" />
       </if>
     </structures>
   </release>