diff --git a/brand-app/pages/page-ucdlib-author-profile.js b/brand-app/pages/page-ucdlib-author-profile.js index 89ed120..d11f614 100644 --- a/brand-app/pages/page-ucdlib-author-profile.js +++ b/brand-app/pages/page-ucdlib-author-profile.js @@ -22,6 +22,7 @@ export default class PageUcdlibAuthorProfile extends Mixin(LitElement) 'spelkey@ucdavis.edu', 'mjwarren@ucdavis.edu', 'dfsnapp@ucdavis.edu', + 'mgvannoord@ucdavis.edu' ]; diff --git a/elements/package.json b/elements/package.json index 1ea0a84..8118aa5 100644 --- a/elements/package.json +++ b/elements/package.json @@ -1,6 +1,6 @@ { "name": "@ucd-lib/theme-elements", - "version": "1.1.2", + "version": "1.1.3", "description": "Custom elements for the UCD brand theme", "main": "index.js", "scripts": { diff --git a/elements/ucdlib/ucdlib-author-profile/ucdlib-author-profile.tpl.js b/elements/ucdlib/ucdlib-author-profile/ucdlib-author-profile.tpl.js index cebda26..3d9cdb6 100644 --- a/elements/ucdlib/ucdlib-author-profile/ucdlib-author-profile.tpl.js +++ b/elements/ucdlib/ucdlib-author-profile/ucdlib-author-profile.tpl.js @@ -45,6 +45,10 @@ export function render() { grid-template-columns: 15% 85%; width:100%; } + + .side-bar .contact-list{ + display: block; + } .container { display: inline-grid; grid-template-columns: 15% 85%; @@ -98,7 +102,7 @@ export function render() { } .contact-list{ display:inline-block; - margin-top:5px; + margin: 5px 0; } .pipe { font-size:30px; @@ -121,7 +125,6 @@ export function render() { .contact-list { display:block; - margin-bottom:5px; } .contact-list .pipe { @@ -166,7 +169,7 @@ ${this.eController ? html`
${this.photoAlt}
-

${this.nameFirst} ${this.nameLast}

+

${this.nameFirst} ${this.nameLast}

${this.positionTitle} | ${this.department}

${this.contactPhone ? html`${this.svgIcon.phone} ${this.contactPhone} |`: html``}

${this.contactEmail ? html`${this.svgIcon.email} ${this.contactEmail} ${this.contactAppointmentUrl ? html`|`:html`|`}`: html``}

@@ -177,7 +180,7 @@ ${this.eController ? html` :html`
-

${this.nameFirst} ${this.nameLast}

+

${this.nameFirst} ${this.nameLast}

${this.positionTitle} | ${this.department}

${this.contactPhone ? html`${this.svgIcon.phone} ${this.contactPhone} | `: html``}

${this.contactEmail ? html`${this.svgIcon.email} ${this.contactEmail} ${this.contactAppointmentUrl ? html`|`:html`|`}`: html``}