body {
    margin-left: 50px;
    margin-top: 20px;
}

.histories {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.post {
    border: 1px solid orange;
    border-radius: 5px;
    padding: 5px;
    display: inline-block;
    width: 240px;
}

.post>header {
    display: flex;
    align-items: flex-end;
    font-size: 0.85em;
}

.post>header>div:first-of-type {
    flex: auto;
}

.post>header h1 {
    font-size: 1.5em;
    margin-bottom: 0;
}

.post .about {
    color: slategray;
    font-style: italic;
}

.post .body {
    white-space: pre-line;
}

.post .about {
    color: slategray;
    font-style: italic;
}

.IN_PROGRESS {
    color: blue;
}

.COMPLETE {
    color: green;
}

.FAILED {
    color: red;
}

.PARTIAL {
    color: orange;
}

.app-buttons {
    display: grid;
    row-gap: 5px;
}

.limited-text {
    display: block;
    /* Set the desired width of the container */
    width: 200px;
    /* Prevent text from wrapping to the next line */
    white-space: nowrap;
    /* Hide any overflow content */
    overflow: hidden;
    text-overflow: ellipsis;
    /* Display an ellipsis (...) when text is truncated */
    cursor: pointer;
}