MD Settings: Internet: Enable SIM unlock with no cellular network

chrome/browser/resources/settings/internet_page/network_property_list.html

 <link rel="import" href="chrome://resources/cr_elements/network/cr_onc_types.html">
 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_network_behavior.html">
 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_network_indicator.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input-container.html">
 <link rel="import" href="internet_shared_css.html">
 
 <dom-module name="network-property-list">
   <template>
     <style include="internet-shared">
       paper-input-container {
         margin-bottom: -12px;
         margin-top: -8px;
       }
+
+      /* Property lists are embedded; stretch the box and remove the padding. */
+      .settings-box {
+        align-items: stretch;
+        padding: 0;
+      }
+
+      .settings-box:first-of-type {

[michaelpg, 2016/09/15 02:24:28]

I suppose I've already argued my case, but it would be nice if you didn't have
to do this :-(
https://cs.chromium.org/chromium/src/chrome/browser/resources/settings/settin...

[stevenjb, 2016/09/15 17:42:17]

While I completely agree that we should not do this globally, or when we know
what the first entry is, in this case it is exactly what we need since we have
multiple potential first settings boxes depending on multiple conditions. If you
have an alternative suggestion that is not isThisTheFirstSection(a, b, c, d), I
am all ears :)

[michaelpg, 2016/09/15 21:35:16]

No, this is my preferred solution! I was just lamenting that I *do* think we
should do this globally (but have already conceded that).

+        border-top: none;
+      }
     </style>
     <template is="dom-repeat" items="[[fields]]"
         filter="[[computeFilter_(propertyDict, editFieldTypes)]]">
-      <div class="settings-box single-column">
+      <div class="settings-box single-column two-line">
         <!-- Propety label -->
         <div>[[getPropertyLabel_(item, prefix)]]</div>
         <!-- Uneditable property value -->
         <div class="layout horizontal"
             hidden$="[[isEditable_(item, '', propertyDict, editFieldTypes)]]">
           <div class="secondary">[[getPropertyValue_(item, propertyDict)]]</div>
           <cr-policy-network-indicator property="[[propertyDict]]">
           </cr-policy-network-indicator>
         </div>
         <!-- Editable string property value -->
         <div class="layout horizontal" hidden$="[[!isEditable_(
             item, 'String', propertyDict, editFieldTypes)]]">
           <paper-input-container no-label-float>
             <input id="[[item]]" is="iron-input"
                 value="[[getPropertyValue_(item, propertyDict)]]"
                 on-blur="onValueChange_">
           </paper-input-container>
         </div>
         <!-- TODO(stevenjb): Support non-string types -->
       </div>
     </template>
   </template>
   <script src="network_property_list.js"></script>
 </dom-module>