Added difficulty display and fixed spacing

This commit is contained in:
WBHarry 2026-05-30 22:32:28 +02:00
parent 2f0badf53a
commit 25f27c8891
6 changed files with 64 additions and 11 deletions

View file

@ -35,7 +35,7 @@
.tags {
display: flex;
gap: 10px;
padding-bottom: 16px;
padding-bottom: 8px;
.tag {
display: flex;

View file

@ -12,19 +12,48 @@
}
}
.tags {
display: flex;
gap: 10px;
padding-bottom: 8px;
.tag {
display: flex;
flex-direction: row;
gap: 4px;
justify-content: center;
align-items: center;
padding: 3px 5px;
font-size: var(--font-size-12);
font: @font-body;
background: light-dark(@dark-15, @beige-15);
border: 1px solid light-dark(@dark, @beige);
border-radius: 3px;
}
.label {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: var(--font-size-12);
}
}
.info-section {
flex: 1;
padding: 0 15px;
padding-top: var(--header-height);
display: flex;
flex-direction: column;
gap: 8px;
.name-row {
display: flex;
gap: 5px;
align-items: center;
justify-content: space-between;
padding: 8px 0;
h1 {
display: flex;
@ -48,6 +77,12 @@
flex-direction: column;
gap: 12px;
padding: 16px 0;
.motives-and-tactics {
p:first-of-type {
margin: 0;
}
}
}
}
}