Align company card moat value with analysis score bars

This commit is contained in:
2026-05-27 16:24:32 +02:00
parent 593e06d927
commit a20cff0a7b
3 changed files with 20 additions and 8 deletions
+1 -1
View File
@@ -90,7 +90,7 @@
</div>
</div>
<p class="sg-bar-label sg-company-card__moat">
Moat: <span class="sg-company-card__moat-neutral">Maessig</span>
<span class="sg-company-card__moat-label">Moat:</span> <span class="sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
</p>
<p class="sg-body sg-company-card__summary">
Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.
+6 -6
View File
@@ -191,7 +191,7 @@
</div>
</div>
<p class="sg-bar-label sg-company-card__moat">
Moat: <span class="sg-company-card__moat-neutral">Maessig</span>
<span class="sg-company-card__moat-label">Moat:</span> <span class="sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
</p>
<p class="sg-body sg-company-card__summary">
Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.
@@ -281,7 +281,7 @@
</div>
</div>
<p class="sg-bar-label sg-company-card__moat">
Moat: <span class="sg-company-card__moat-neutral">Maessig</span>
<span class="sg-company-card__moat-label">Moat:</span> <span class="sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
</p>
<p class="sg-body sg-company-card__summary">
Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.
@@ -371,7 +371,7 @@
</div>
</div>
<p class="sg-bar-label sg-company-card__moat">
Moat: <span class="sg-company-card__moat-neutral">Maessig</span>
<span class="sg-company-card__moat-label">Moat:</span> <span class="sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
</p>
<p class="sg-body sg-company-card__summary">
Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.
@@ -461,7 +461,7 @@
</div>
</div>
<p class="sg-bar-label sg-company-card__moat">
Moat: <span class="sg-company-card__moat-neutral">Maessig</span>
<span class="sg-company-card__moat-label">Moat:</span> <span class="sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
</p>
<p class="sg-body sg-company-card__summary">
Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.
@@ -551,7 +551,7 @@
</div>
</div>
<p class="sg-bar-label sg-company-card__moat">
Moat: <span class="sg-company-card__moat-neutral">Maessig</span>
<span class="sg-company-card__moat-label">Moat:</span> <span class="sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
</p>
<p class="sg-body sg-company-card__summary">
Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.
@@ -641,7 +641,7 @@
</div>
</div>
<p class="sg-bar-label sg-company-card__moat">
Moat: <span class="sg-company-card__moat-neutral">Maessig</span>
<span class="sg-company-card__moat-label">Moat:</span> <span class="sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
</p>
<p class="sg-body sg-company-card__summary">
Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.
+13 -1
View File
@@ -29,9 +29,22 @@
}
.sg-company-card__moat {
display: grid;
grid-template-columns: var(--layout-score-bar-item-columns);
column-gap: var(--layout-score-bar-item-gap);
align-items: center;
margin: 0;
}
.sg-company-card__moat-label {
margin: 0;
}
.sg-company-card__moat-value {
justify-self: start;
text-align: left;
}
.sg-company-card__moat-neutral {
color: var(--text-company-card-moat-neutral);
}
@@ -39,4 +52,3 @@
.sg-company-card__summary {
margin: 0;
}