src/app/components/body/control-panel/control-panel.component.css

.full-width {
  width: 100%;
}

.table-container {
  width: 100%;
  overflow-x: auto;
  margin-top: 16px;
}

.responsive-table {
  min-width: 800px; /* Adjust based on your needs */
  width: 100%;
  table-layout: auto;
}

.mat-header-cell, .mat-cell {
  padding: 8px;
  text-align: left;
  white-space: nowrap;
}

.actions-cell {
  min-width: 220px; /* Adjust this value as necessary */
}

.mat-header-row, .mat-row {
  display: table-row;
}

.mat-header-row.sticky {
  background-color: white; /* Ensure the header has a background */
  position: sticky;
  top: 0;
  z-index: 1;
}