#dars-container { width: 100%; height: 100%; padding: 50px; } #dars-report-container { width: 100%; } .audit-wrapper, #dars-main { max-width: 1200px; margin: auto; } .audit-wrapper { margin: 50px auto; } #audit-close { margin-bottom: 20px; } #loading-audit { text-align: center; font-family: Roboto, 'Helvetica Neue', Arial, Helvetica, sans-serif; img { width: 100%; max-width: 150px; margin: auto; } p { text-transform: uppercase; font-weight: bold; font-size: 18px; } mat-spinner { margin: auto; } } #dars-header-bar { display: flex; justify-content: space-between; align-items: baseline; } .audit-table { width: 100%; background-color: transparent; .mat-header-row { box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25); background-color: #fafafa; } th { font-size: 1rem; font-weight: 300; } tr:not(.mat-header-row) td { padding: 15px 10px; &:first-child { padding-left: 20px; } &:last-child { padding-right: 20px; } } .mat-column-download { button { padding: 0; width: auto; } } }