Tengo una tabla donde en el th tengo un texto y un filtro (input) pero no puedo dejarlo alineado de tal forma que quede el filtro debajo de la palabra.
<ng-container matColumnDef="personas">
<th mat-header-cell *matHeaderCellDef mat-sort-header>
Personas
<input
class="filter"
matInput
(keyup)="applyFilter($event.target.value, 'personas')"
#input
/>
</th>
en mi class filter hice algo así:
.filter{
width: 60px;
height: 30px;
background-color: #F8F8F8;
border-radius: 10px;
margin-top: 10px;
text-decoration: underline;
}
He intentado con las propiedades de align