.header-container { display: flex; justify-content: space-between; align-items: center; padding: 10px; } .title { font-size: 24px; } .templates-button-row { display: flex; justify-content: flex-start; margin-top: 16px; } button { margin-left: 10px; margin-bottom: 20px; } .divider { margin: 20px 0; } .lists-container { padding: 16px; } .templatesLists-container { flex: 1; } .card.unidad-card { height: 100%; box-sizing: border-box; } .template-container { display: flex; align-items: center; margin-bottom: 16px; border-bottom: 1px solid rgba(122, 122, 122, 0.555); } .template-container h4 { margin: 0; flex: 1; } .mat-icon-button { margin-left: 16px; align-self: center; } .mat-menu { min-width: 160px; } .template-name{ cursor: pointer; } table { width: 100%; } .header-container { display: flex; justify-content: space-between; align-items: center; } .header-container h1 { margin: 0; } .mat-elevation-z8 { box-shadow: 0px 0px 0px rgba(0,0,0,0.2); } .paginator-container { display: flex; justify-content: end; margin-bottom: 30px; }