MAGETWO-57227: Payments configuration sections default setting are wrong

- symbol arrows replaced with css arrows

Author: iivashchenko

app/code/Magento/Paypal/view/adminhtml/web/styles.css

@@ -27,9 +27,9 @@
 .paypal-top-section.active > .entry-edit-head.admin__collapsible-block {border-bottom: 1px solid #ccc;}
 .paypal-top-section > .admin__collapsible-block > a {font-size: 1.4rem; font-weight: normal; text-transform: uppercase;}
 .paypal-recommended-header > .admin__collapsible-block > a::before {content: "" !important;}
-.paypal-other-header > .admin__collapsible-block > a.open::before {content: "\25B2" !important;}
-.paypal-other-header > .admin__collapsible-block > a::before {color: #000; content: "\25BC" !important; font-size: 1rem; top: 2.2rem;}
+.paypal-other-header > .admin__collapsible-block > a::before {content: '' !important; width: 0; height: 0; border-color: transparent; border-top-color: #000; border-style: solid; border-width: 0.8rem .5rem 0 .5rem; margin-top:1px; transition: all .2s linear;}
+.paypal-other-header > .admin__collapsible-block > a.open::before {border-color: transparent; border-bottom-color: #000; border-width: 0 .5rem 0.8rem .5rem;}
 .paypal-other-header > .admin__collapsible-block > a {color: #007bdb !important; text-align: right;}
 .payments-other-header > .admin__collapsible-block > a {display: inline-block;}
-.payments-other-header > .admin__collapsible-block > a::before {content: "\25BC" !important; font-size: 1rem;}
-.payments-other-header > .admin__collapsible-block > a.open::before {content: "\25B2" !important;}
+.payments-other-header > .admin__collapsible-block > a::before {content: '' !important; width: 0; height: 0; border-color: transparent; border-top-color: #000; border-style: solid; border-width: 0.8rem .5rem 0 .5rem; margin-top:1px; transition: all .2s linear;}
+.payments-other-header > .admin__collapsible-block > a.open::before {border-color: transparent; border-bottom-color: #000; border-width: 0 .5rem 0.8rem .5rem;}