message: docs(refresher): update demo to fix the dot positioning
  Also turns off text select on drag
  fixes
diff: --ion-safe-area-top: 20px;
  --ion-safe-area-bottom: 22px;
  }
  +
  + ion-content {
  + user-select: none;
  + }
  +
  + ion-item {
  + --padding-start: 8px;
  + }
  +
  .unread {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #3684ff;
  - position: absolute;
  - left: 0;
  - margin-top: 0.4em;
  + margin-top: 15px;
  + margin-right: 8px;
  + align-self: start;
  }
  ion-item h2 {
  </ion-toolbar>
  </ion-header>
  - <ion-content padding>
  + <ion-content>
  <ion-refresher slot="fixed" id="refresher">
  <ion-refresher-content></ion-refresher-content>
  </ion-refresher>
  function createMessage(unread = false) {
  let item = document.createElement('ion-item');
  item.innerHTML = `
  - <ion-label text-wrap>
  - <div class="${(unread) ? 'unread' : 'read'}"></div>
  + <div slot="start" class="${(unread) ? 'unread' : 'read'}"></div>
  + <ion-label class="ion-text-wrap">
  <h2>${chooseRandomName()}</h2>
  <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3>
  </ion-label>
  