diff options
-rw-r--r-- | css/_details.scss | 19 | ||||
-rw-r--r-- | js/services/vCardProperties.js | 10 | ||||
-rw-r--r-- | templates/propertyGroup.html | 5 |
3 files changed, 26 insertions, 8 deletions
diff --git a/css/_details.scss b/css/_details.scss index 042547d7..aa96f135 100644 --- a/css/_details.scss +++ b/css/_details.scss @@ -251,12 +251,25 @@ contactdetails { } } +propertygroup { + display: inline-block; + padding-bottom: 36px; +} + .propertyGroup__title { - margin-bottom: 5px; display: inline-block; + padding: 12px; + margin: 0; + margin-left: 68px; + opacity: .6; +} + +.propertyGroup__title i { + display: inline-block; + vertical-align: middle; background-size: 16px 16px; - background-position-x: 0; - padding-left: 20px; + margin-right: 8px; + opacity: .5; } detailsitem { diff --git a/js/services/vCardProperties.js b/js/services/vCardProperties.js index 1c22ecd9..da55d588 100644 --- a/js/services/vCardProperties.js +++ b/js/services/vCardProperties.js @@ -23,7 +23,8 @@ angular.module('contactsApp') defaultValue: { value:['', '', '', '', ''] }, - template: 'n' + template: 'n', + icon: 'icon-user' }, note: { readableName: t('contacts', 'Notes'), @@ -33,7 +34,8 @@ angular.module('contactsApp') url: { multiple: true, readableName: t('contacts', 'Website'), - template: 'url' + template: 'url', + icon: 'icon-public' }, cloud: { multiple: true, @@ -52,7 +54,7 @@ angular.module('contactsApp') multiple: true, readableName: t('contacts', 'Address'), template: 'adr', - icon: 'icon-link', + icon: 'icon-address', defaultValue: { value:['', '', '', '', '', '', ''], meta:{type:['HOME']} @@ -101,7 +103,7 @@ angular.module('contactsApp') multiple: true, readableName: t('contacts', 'Instant messaging'), template: 'username', - icon: 'icon-mail', + icon: 'icon-comment', defaultValue: { value:[''], meta:{type:['SKYPE']} diff --git a/templates/propertyGroup.html b/templates/propertyGroup.html index eb8eeb68..e25ba091 100644 --- a/templates/propertyGroup.html +++ b/templates/propertyGroup.html @@ -1,3 +1,6 @@ -<h3 class="propertyGroup__title" ng-class="ctrl.getIconClass()">{{ctrl.getReadableName()}}</h3> +<h3 class="propertyGroup__title"> + <i ng-class="ctrl.getIconClass()"></i> + {{ctrl.getReadableName()}} +</h3> <detailsItem ng-repeat="property in ctrl.properties" name="ctrl.name" data="property" model="ctrl.contact" index="$index" class="details-item-{{ctrl.name}}" ng-class="{ 'failed': ctrl.contact.failedProps.indexOf(ctrl.name) !== -1 }"></detailsItem> |