message: Added contact info
diff: </div>
  </transition>
  <div class="opt-container">
  - <h1 class="page-header">{{ i18n('opt_title') }}
  + <div class="page-header">
  + <h1>{{ i18n('opt_title') }}
  <a class="new-version" v-if="newVersionAvailable" href="http://www.crimx.com/crx-saladict/" target="_blank">{{ i18n('opt_new_version') }}</a>
  - <button type="button" class="btn btn-default btn-reset" @click="handleReset">{{ i18n('opt_reset') }}</button>
  </h1>
  + <div class="page-header-info">
  + <p class="page-header-social-media-wrap">
  + <a href="mailto:straybugs@gmail.com" @mouseover="isShowSocial = true" @click.prevent="void 0">{{ i18n('cantact_author') }}</a>
  + <transition name="fade">
  + <div class="page-header-social-media" v-if="isShowSocial" @mouseleave="isShowSocial = false">
  + <social-media />
  + </div>
  + </transition>
  + </p>
  + <p><a href="https://github.com/crimx/crx-saladict/issues" target="_blank" rel="noopener">{{ i18n('report_issue') }}</a></p>
  + <button type="button" class="btn btn-default btn-reset" @click="handleReset">{{ i18n('opt_reset') }}</button>
  + </div>
  + </div>
  <opt-app-active />
  <opt-word-list />
  <opt-mode />
  import {storage, message} from 'src/helpers/chrome-api'
  import AppConfig from 'src/app-config'
  import Coffee from './Coffee'
  +import SocialMedia from './SocialMedia'
  import AlertModal from 'src/components/AlertModal'
  import OptAppActive from './OptAppActive'
  @@ -66,7 +80,8 @@ export default {
  return {
  text: 'salad',
  frameSource: chrome.runtime.getURL('panel.html'),
  - isShowConfigUpdated: false
  + isShowConfigUpdated: false,
  + isShowSocial: false
  }
  },
  methods: {
  @@ -158,6 +173,7 @@ export default {
  OptDicts,
  OptContextMenu,
  Coffee,
  + SocialMedia,
  AlertModal
  },
  beforeCreate () {
  @@ -278,13 +294,28 @@ kbd {
  }
  .page-header {
  + display: flex;
  + justify-content: space-between;
  +}
  +
  +.page-header-info {
  + display: flex;
  + align-items: flex-end;
  +
  + & > * {
  + margin: 0 0 0 8px;
  + }
  +}
  +
  +.page-header-social-media-wrap {
  position: relative;
  }
  -.btn-reset {
  +.page-header-social-media {
  position: absolute;
  - bottom: 8px;
  - right: 0;
  + z-index: 10;
  + top: 150%;
  + left: 0;
  }
  .opt-item {
  