captured-action.component.css

.container {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    border-bottom: 1px dotted lightgray;
}

.dialog-container {
    position: relative;
}

.component {
    overflow: hidden;
    white-space: nowrap;
}

.inner-component {
    width: 100%;
}

#first-component {
    padding: 5px;
    display: flex;
    align-items: center;
    width: 25%;
}

#second-component {
    padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 40%
}

#third-component {
    padding: 5px;
    display: flex;
    align-items: center;
    width: 10%;
}

#fourth-component {
    padding: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 25%
}

.pl5 {
    padding-left: 3px;
}

.element-info {
    display: flex;
    flex-direction: column;
}

.element-info div {
    word-wrap: break-word;
    margin-bottom: 5px;
}

.element-info p {
    margin: 0px;
    margin-top: 1px;
    text-wrap: wrap;
}

.element-info h3 {
    margin: 0px;
    margin-bottom: 3px;
}