message: bug: buttons missing & formatting issue
diff: @@ -345,7 +345,7 @@ class AtomicCalendarRevive extends LitElement {
  }
  .calDay {
  - max-height: 38px;
  + height: 38px;
  font-size: 95%;
  max-width: 38px;
  margin: auto;
  @@ -355,7 +355,8 @@ class AtomicCalendarRevive extends LitElement {
  width: 100%;
  }
  - paper-icon-button {
  + ha-icon-button {
  + --mdc-icon-size: 10px;
  width: 30px;
  height: 30px;
  padding: 4px;
  @@ -1014,13 +1015,13 @@ class AtomicCalendarRevive extends LitElement {
  getCalendarHeaderHTML() {
  return html`
  <div class="calTitle">
  - <paper-icon-button icon="mdi:chevron-left" @click='${e => this.handleMonthChange(-1)}' title = "left" ></paper-icon-button>
  + <ha-icon-button class="ha-icon-button" icon="mdi:chevron-left" @click='${e => this.handleMonthChange(-1)}' title = "left" ></ha-icon-button>
  <div style="display: inline-block; min-width: 9em; text-align: center;">
  <a href="https://calendar.google.com/calendar/r/month/${moment(this.selectedMonth).format('YYYY')}/${moment(this.selectedMonth).format('MM')}/1" style="text-decoration: none; color: ${this._config.titleColor}" target="${this._config.linkTarget}">
  ${moment(this.selectedMonth).locale(this.language).format('MMMM')} ${moment(this.selectedMonth).format('YYYY')}
  </a>
  </div>
  - <paper-icon-button icon="mdi:chevron-right" @click='${e => this.handleMonthChange(1)}' title = "right" ></paper-icon-button>
  + <ha-icon-button class="ha-icon-button" icon="mdi:chevron-right" @click='${e => this.handleMonthChange(1)}' title = "right" ></ha-icon-button>
  </div >`
  }
  