diff --git a/public/css/building.css b/public/css/building.css index 99a533f..0f77442 100644 --- a/public/css/building.css +++ b/public/css/building.css @@ -124,7 +124,7 @@ body { ========================= */ .popup-content { - padding: 20px; + padding: 10px 20px; font-size: 20px; line-height: 1.6; @@ -224,8 +224,8 @@ body { display: flex; align-items: center; justify-content: center; - gap: 16px; - padding: 16px 0 8px 0; + gap: 14px; + padding: 8px 0 4px 0; } /* Linke & Rechte Slot-Spalte */ @@ -233,7 +233,7 @@ body { .equip-col { display: flex; flex-direction: column; - gap: 10px; + gap: 8px; align-items: center; } @@ -253,8 +253,8 @@ body { .avatar-wrapper { position: relative; - width: 180px; - height: 320px; + width: 160px; + height: 270px; border-radius: 8px; border: 2px solid #8b6a3c; background: radial-gradient(ellipse at center, #2a1f14 0%, #0d0a07 100%); @@ -369,7 +369,7 @@ body { .equip-top { display: flex; - gap: 10px; + gap: 8px; justify-content: center; } @@ -377,7 +377,7 @@ body { .equip-bottom { display: flex; - gap: 10px; + gap: 8px; justify-content: center; } @@ -386,8 +386,8 @@ body { ========================= */ .slot { - width: 76px; - height: 76px; + width: 68px; + height: 68px; position: relative; background-image: url("/images/items/slot_mittel.png"); @@ -455,23 +455,23 @@ body { .inventory-section-title { font-family: "Tangerine", serif; - font-size: 30px; + font-size: 26px; color: #3b2412; text-align: center; - margin: 8px 0 4px 0; + margin: 4px 0 2px 0; border-top: 1px solid #8b6a3c; - padding-top: 10px; + padding-top: 6px; letter-spacing: 1px; } #inventory-grid { display: grid; - grid-template-columns: repeat(8, 62px); - grid-auto-rows: 62px; - gap: 6px; + grid-template-columns: repeat(8, 56px); + grid-auto-rows: 56px; + gap: 5px; width: max-content; margin: 0 auto; - padding: 8px; + padding: 6px; } #inventory-wrapper { @@ -534,8 +534,8 @@ body { } .inventory-slot { - width: 62px; - height: 62px; + width: 56px; + height: 56px; background-image: url("/images/items/slot_mittel.png"); background-size: cover; background-position: center;