Fixed padding

lib/CalEventParser.ts

@@ -37,11 +37,8 @@ export default class CalEventParser {
    * Returns a footer section with links to change the event (as HTML).
    */
   public getChangeEventFooterHtml(): string {
-    return `
+    return `<br />
-
+<strong>Need to change this event?</strong><br />Cancel: <a href="${this.getCancelLink()}">${this.getCancelLink()}</a><br />Reschedule: <a href="${this.getRescheduleLink()}">${this.getRescheduleLink()}</a>
-<strong>Need to change this event?</strong>
-Cancel: <a href="${this.getCancelLink()}">${this.getCancelLink()}</a>
-Reschedule: <a href="${this.getRescheduleLink()}">${this.getRescheduleLink()}</a>
     `;
   }
 
@@ -61,24 +58,15 @@ Reschedule: <a href="${this.getRescheduleLink()}">${this.getRescheduleLink()}</a
     // This odd indentation is necessary because otherwise the leading tabs will be applied into the event description.
     return (
       `
-<strong>Event Type:</strong>
+<strong>Event Type:</strong><br />${this.calEvent.type}<br />
-${this.calEvent.type}
+<strong>Invitee Email:</strong><br /><a href="mailto:${this.calEvent.attendees[0].email}">${this.calEvent.attendees[0].email}</a><br />
-
-<strong>Invitee Email:</strong>
-<a href="mailto:${this.calEvent.attendees[0].email}">${this.calEvent.attendees[0].email}</a>
-
 ` +
       (this.calEvent.location
-        ? `<strong>Location:</strong>
+        ? `<strong>Location:</strong><br />${this.calEvent.location}<br />
-${this.calEvent.location}
-
 `
         : "") +
-      `<strong>Invitee Time Zone:</strong>
+      `<strong>Invitee Time Zone:</strong><br />${this.calEvent.attendees[0].timeZone}<br />
-${this.calEvent.attendees[0].timeZone}
+<strong>Additional notes:</strong><br />${this.calEvent.description}<br />` +
-
-<strong>Additional notes:</strong>
-${this.calEvent.description}` +
       this.getChangeEventFooterHtml()
     );
   }