@media (max-width: 680px) {
      .entry-card {
        padding: 24px 16px 22px;
      }

      .time-fields {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
      }

      .time-actions {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        margin: 20px 0 0;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
      }
    }

    @media (max-width: 620px) {
      .cursor-label {
        min-width: 100px;
        padding: 4px 5px;
        font-size: 14px;
      }

      .ruler-label {
        font-size: 10px;
      }

      #currentTimeRow {
        font-size: 24px;
      }

    }

    @media (max-height: 520px) {
      #beginLabel {
        top: 4px;
      }

      .cursor-label {
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 13px;
      }

    }