From 1762a89376194631e565a4c34158239eda137553 Mon Sep 17 00:00:00 2001
From: sbagg <42234329+sbagg@users.noreply.github.com>
Date: Mon, 19 Sep 2022 09:54:52 -0700
Subject: [PATCH] Sb profile fix (#76)

* issue#73 changes

* issue#73 small changes

* person page change

* spacing fix

* heading and side-bar fix

* issue #49 format changes

* change version number

* delete console.log debug
---
 brand-app/pages/page-ucdlib-author-profile.js         |  1 +
 elements/package.json                                 |  2 +-
 .../ucdlib-author-profile.tpl.js                      | 11 +++++++----
 3 files changed, 9 insertions(+), 5 deletions(-)

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`
         <div class="${this.sidebar ? 'side-bar':'container'}">
           <div class="photo"><img src="${this.photo.link}" alt="${this.photoAlt}"></div>
           <div class="text_container"> 
-            <h3 class="name"><a class="name"  href="${this.link}">${this.nameFirst} ${this.nameLast}</a></h3>
+            <h4 class="name"><a class="name" href="${this.link}">${this.nameFirst} ${this.nameLast}</a></h4>
             <p class="title">${this.positionTitle} <span class="pipe">&#124;</span> ${this.department}</p>
             <p class="contact-list">${this.contactPhone ? html`${this.svgIcon.phone} <a class="info" href="tel:${this.contactPhone}">${this.contactPhone}</a>  <span class="pipe">&#124;</span>`: html``}</p>
             <p class="contact-list">${this.contactEmail ? html`${this.svgIcon.email} <a class="info" href="mailto:${this.contactEmail}">${this.contactEmail}</a> ${this.contactAppointmentUrl ? html`<span class="pipe">&#124;</span>`:html`<span class="noApp-pipe">&#124;</span>`}`: html``}</p>
@@ -177,7 +180,7 @@ ${this.eController ? html`
       :html`
       <div class="container-no-image">
         <div class="text_container"> 
-          <h3 class="name"><a class="name" href="${this.link}">${this.nameFirst} ${this.nameLast}</a></h3>
+          <h4 class="name"><a class="name" href="${this.link}">${this.nameFirst} ${this.nameLast}</a></h4>
           <p class="title">${this.positionTitle} <span class="pipe">&#124;</span> ${this.department}</p>
           <p class="contact-list">${this.contactPhone ? html`${this.svgIcon.phone} <a class="info" href="tel:${this.contactPhone}">${this.contactPhone}</a>  <span class="pipe">&#124;</span> `: html``}</p>
           <p class="contact-list">${this.contactEmail ? html`${this.svgIcon.email} <a class="info" href="mailto:${this.contactEmail}">${this.contactEmail}</a> ${this.contactAppointmentUrl ? html`<span class="pipe">&#124;</span>`:html`<span class="noApp-pipe">&#124;</span>`}`: html``}</p>