.prPreview {
    display: flex;
    max-width: 700px;
}

.prPreviewHeader {
    display: flex;
    background: none;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}

.prPreview, .prPreviewHeader {
    .id {
        flex: 0 0 35px;
    }
    .title {
        flex-grow: 1; /* Allow title to grow and fill remaining space */
        overflow: hidden; /* Hide overflow text */
        text-overflow: ellipsis; /* Add ellipsis for long titles */
        white-space: nowrap; /* Prevent title from wrapping */
    }
    .time {
        flex: 0 0 150px;
        box-sizing: border-box;
        text-align: center;
    }
    .date {
        flex: 0 0 80px;
        text-align: center;
    }
}

.emptyTableMessage {
    width: min-content;
    margin-left: auto;
    margin-right: auto;
    text-wrap: nowrap;
    padding: 50px 0;
}