.container {
  display: flex;
  flex-direction: column;
  height: 100%;

  .header {
    background: lightgrey;
    display: flex;
    flex-direction: row;

    .title {
      flex: 1;
      padding: 10px;
      font-size: 1.2em;
    }

    .close {
      padding: 10px 15px;
      background: #ff6666;
      color: white;
    }

    .revert {
      color: red;
      background: #eaeaea;
    }
  }

  .contents {
    height: 100%;
    overflow-y: hidden;
    display: flex;
    flex-direction: row;

    ion-list {
      height: 100%;
      overflow-y: scroll;
      max-width: 325px;
    }

    .preview {
      flex: 1;
      height: 100%;
      overflow-y: scroll;
    }

    .version-date {
      font-weight: normal;
    }

    .current-version {
      color: darkgreen;
      margin-left: 10px;
    }
  }
}