.header-container { display: flex; justify-content: space-between; align-items: center; padding: 10px 10px; border-bottom: 1px solid #ddd; } .header-container-title { flex-grow: 1; text-align: left; margin-left: 1em; } .images-button-row { display: flex; gap: 15px; } table { width: 100%; } .search-container { display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 1.5rem 0rem 1.5rem 0rem; box-sizing: border-box; } .search-string { flex: 2; padding: 5px; } .search-boolean { flex: 1; padding: 5px; } .mat-elevation-z8 { box-shadow: 0px 0px 0px rgba(0,0,0,0.2); } .paginator-container { display: flex; justify-content: end; margin-bottom: 30px; } .example-headers-align .mat-expansion-panel-header-description { justify-content: space-between; align-items: center; } .example-headers-align .mat-mdc-form-field + .mat-mdc-form-field { margin-left: 8px; } .button-row { display: table-cell; max-width: 600px; } .button-row .mat-mdc-button-base { margin: 8px 8px 8px 0; } .chip-failed { background-color: #e87979 !important; color: white; } .chip-success { background-color: #46c446 !important; color: white; } .chip-pending { background-color: lightgrey !important; color: black; } .chip-in-progress { background-color: #f5a623 !important; color: white; } .chip-transferring { background-color: #f5a623 !important; color: white; }