arti-angular-app/src/app/app.component.css

41 lines
873 B
CSS

.mat-toolbar {
display: flex;
align-items: center;
justify-content: space-between; /* Równe rozmieszczenie elementów */
padding: 0 16px; /* Marginesy wewnętrzne */
}
.col-left {
display: flex;
align-items: center;
justify-content: flex-start; /* Wyrównanie flagi do lewej */
}
.flag {
height: 25px; /* Powiększenie flagi */
width: auto;
margin-right: 16px; /* Odstęp od sąsiednich elementów */
border: none; /* Brak ramki */
}
.toolbar-item {
font-size: 22px; /* Większy rozmiar tekstu */
font-weight: 500;
text-transform: none; /* Bez uppercase */
color: white; /* Kolor tekstu */
}
button.mat-icon-button {
padding: 0; /* Brak dodatkowych marginesów */
}
.mat-toolbar-row {
display: flex;
width: 100%;
}
.col {
text-align: center; /* Wyśrodkowanie tekstu w kolumnach */
flex: 1; /* Równe rozciąganie kolumn */
}