[fix] Fix CSS when editing profile social link - fix #878

www/plugins/es/css/style.css

@@ -18,6 +18,17 @@
   background-color: #f5f5f5 !important;
 }
 
+/**********
+   Social link item
+**********/
+
+.item.item-social-edit h2 {
+  overflow: inherit ;
+  text-overflow: inherit ;
+  white-space: normal !important;
+  display: block;
+}
+
 /**********
    Record list
 **********/
@@ -36,7 +47,7 @@
 
 .row-record .col {
   padding-top: 5px;
-  padding-bottom: 0px;
+  padding-bottom: 0;
 }
 
 .row-record .item-avatar i.item-image {
@@ -137,8 +148,8 @@
 .hero .content .button.button-camera {
   display: block;
   position: absolute;
-  bottom: 0px;
-  right: 0px;
+  bottom: 0;
+  right: 0;
 }
 
 .hero .content i.avatar .button {

www/plugins/es/templates/common/edit_socials.html

@@ -15,7 +15,7 @@
 
 <ion-list show-reorder="socialData.reorder">
 
-  <ion-item class="item-remove-animate item-icon-left "
+  <ion-item class="item-remove-animate item-icon-left item-social-edit"
             type="no-padding item-text-wrap"
             ng-if="formData.socials && formData.socials.length"
             ng-repeat="social in formData.socials | filter:filterFn track by social.url"
@@ -27,9 +27,7 @@
       <i class="ion-locked" ng-if="social.recipient"></i>
     </p>
     <h2>
-      <a href="{{social.url}}" ng-if="social.type != 'email' && social.type != 'phone'" target="_blank">{{social.url}}</a>
-      <a href="mailto:{{social.url}}" ng-if="social.type == 'email'">{{social.url}}</a>
-      <a href="tel:{{social.url}}" ng-if="social.type == 'phone'">{{social.url}}</a>
+      <span>{{social.url}}</span>
       <a class="gray hidden-device"
          ng-if="!social.recipient && !socialData.reorder"
          ng-click="formData.socials.splice($index, 1); dirty = true;">