Fixed the layout

This commit is contained in:
WBHarry 2025-12-23 00:53:11 +01:00
parent 51eadc499f
commit 832504c3cc
4 changed files with 13 additions and 4 deletions

View file

@ -339,11 +339,12 @@
display: flex; display: flex;
gap: 5px; gap: 5px;
width: 250px; width: 250px;
align-items: center;
justify-content: space-between; justify-content: space-between;
.experience-name { .experience-name {
width: 180px; width: 180px;
display: flex;
align-items: center;
text-align: start; text-align: start;
font-size: var(--font-size-14); font-size: var(--font-size-14);
color: light-dark(@dark, @beige); color: light-dark(@dark, @beige);
@ -353,6 +354,7 @@
.experience-value { .experience-value {
height: 25px; height: 25px;
width: 35px; width: 35px;
min-width: 35px;
font-size: var(--font-size-14); font-size: var(--font-size-14);
color: light-dark(@dark, @beige); color: light-dark(@dark, @beige);
align-content: center; align-content: center;

View file

@ -586,12 +586,12 @@
.experience-row { .experience-row {
display: flex; display: flex;
width: 250px; width: 250px;
align-items: center;
justify-content: space-between; justify-content: space-between;
.experience-value { .experience-value {
height: 25px; height: 25px;
width: 35px; width: 35px;
min-width: 35px;
font-size: var(--font-size-14); font-size: var(--font-size-14);
color: light-dark(@dark, @beige); color: light-dark(@dark, @beige);
align-content: center; align-content: center;
@ -599,6 +599,11 @@
margin-right: 5px; margin-right: 5px;
} }
.experience-name {
display: flex;
align-items: center;
}
.controls { .controls {
margin-left: auto; margin-left: auto;
} }

View file

@ -50,13 +50,14 @@
display: flex; display: flex;
gap: 5px; gap: 5px;
width: 250px; width: 250px;
align-items: center;
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
padding: 0 10px; padding: 0 10px;
.experience-name { .experience-name {
width: 180px; width: 180px;
display: flex;
align-items: center;
text-align: start; text-align: start;
font-size: var(--font-size-14); font-size: var(--font-size-14);
color: light-dark(@dark, @beige); color: light-dark(@dark, @beige);
@ -66,6 +67,7 @@
.experience-value { .experience-value {
height: 25px; height: 25px;
width: 35px; width: 35px;
min-width: 35px;
font-size: var(--font-size-14); font-size: var(--font-size-14);
color: light-dark(@dark, @beige); color: light-dark(@dark, @beige);
align-content: center; align-content: center;

View file

@ -147,7 +147,7 @@
<span class="experience-value"> <span class="experience-value">
+{{experience.value}} +{{experience.value}}
</span> </span>
<span>{{experience.name}}</span> <span class="experience-name">{{experience.name}}</span>
<div class="controls"> <div class="controls">
<a data-action="sendExpToChat" data-type="experience" data-id="{{id}}"> <a data-action="sendExpToChat" data-type="experience" data-id="{{id}}">
<i class="fa-regular fa-message"></i> <i class="fa-regular fa-message"></i>