.history-container {
    width: 300px;
    height: 100%;
    transition: width ease 0.5s;
}

/* 메뉴 애니메이션 */
.flip-menu-button {
    position: relative;
    right: 24px;
    top: 28px;
    scale: 1.8;
    border: 0;
    padding: 0;
    color: transparent;
    transition: transform ease 0.5s, top ease 0.5s, right ease 0.5s;
}
.flipped {
    width: 0;
}
.flipped .flip-menu-button {
    transform: rotate(180deg);
}
.flip-menu-button.moved{
    right: -8px;
    top: 4px;
}
/* 메뉴가 다 펴지고 나서 내용물이 보이게 하기 위한 class */
.closed p, .closed ul, .closed .title-holder {
    display: none;
}

/* history contents*/
.history-ul {
    padding-left: 16px;
}
.history-container .title-holder {
    border-bottom: solid 1px #ddd;
    margin: 0 auto;
    margin-bottom: 12px;
    width: 260px;
}
.history-container .subject-title {
    padding-left: 4px;
    padding-bottom: 6px;
}

.history-list {
    list-style: none;
    display: flex;
    margin-bottom: 12px;
}
.history-list:hover {
    cursor:pointer;
}

.history-icon-holder {
    padding-top: 14px;
    padding-right: 10px;
    margin-left: auto;
}

.icon-history-delete {
    color: transparent;
    border: 0;
}