[MD settings] remove unwanted separator line

ui/webui/resources/cr_elements/network/cr_network_list_item.html

 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys/iron-a11y-keys.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_icon.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_indicator.html">
 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_network_behavior.html">
 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
@@ skipping 27 matching lines @@
       #networkStateText {
         color: var(--paper-grey-600);
         font-size: inherit;
         font-weight: 400;
       }
 
       #networkStateText[connected] {
         color: var(--google-green-500);
       }
 
-      #subpageDiv {
-        -webkit-border-start: var(--cr-separator-line);
-        -webkit-padding-start: 20px;
-      }
-
-      :host-context([dir=rtl]) #subpageDiv > button {
-        transform: scaleX(-1);  /* Flip on the X axis (aka mirror). */
-      }

[stevenjb, 2017/05/19 16:56:58]

Do we not need this to flip the button direction in rtl?

[dschuyler, 2017/05/23 01:24:55]

I'd like to address that by moving the mirroring from settings_shared_css up to
cr_elements/shared_style_css

done.

-
       iron-icon {
         height: 24px;
         width: 24px;
       }
 
       cr-policy-indicator {
         padding: 0 var(--cr-controlled-by-spacing);
       }
     </style>
     <div id="divOuter"
@@ skipping 13 matching lines @@
           [[getNetworkStateText_(networkState)]]
         </div>
       </div>
       <template is="dom-if" if="[[isPolicySource(networkState.Source)]]">
         <cr-policy-indicator
             indicator-type="[[getIndicatorTypeForSource(networkState.Source)]]">
         </cr-policy-indicator>
       </template>
       <template is="dom-if"
           if="[[isSubpageButtonVisible_(networkState, showButtons)]]">
-        <div id="subpageDiv" class="layout horizontal">
-          <!-- iron-list captures 'enter' so handle it here explicitly. -->
-          <iron-a11y-keys keys="enter" on-keys-pressed="fireShowDetails_">
-          </iron-a11y-keys>
-          <button class="subpage-arrow" is="paper-icon-button-light"
-              on-tap="fireShowDetails_" tabindex$="[[tabindex]]"
-              aria-label$="[[ariaLabel]]">
-          </button>
-        </div>
+        <!-- iron-list captures 'enter' so handle it here explicitly. -->
+        <iron-a11y-keys keys="enter" on-keys-pressed="fireShowDetails_">
+        </iron-a11y-keys>
+        <button class="subpage-arrow" is="paper-icon-button-light"
+            on-tap="fireShowDetails_" tabindex$="[[tabindex]]"
+            aria-label$="[[ariaLabel]]">
+        </button>
       </template>
     </div>
   </template>
   <script src="cr_network_list_item.js"></script>
 </dom-module>