From 1db04f4fd295d748a482dae134ba3777598969bf Mon Sep 17 00:00:00 2001 From: Mark Date: Wed, 11 Feb 2026 00:20:33 +0100 Subject: [PATCH] Change mobile text alignment to left - Replaced aggressive justify approach with simple left alignment - Eliminates all large gap issues on mobile devices - Improves readability on small screens - Desktop layout remains unchanged --- css/style.css | 23 +++-------------------- 1 file changed, 3 insertions(+), 20 deletions(-) diff --git a/css/style.css b/css/style.css index c5cc8c0..2629177 100644 --- a/css/style.css +++ b/css/style.css @@ -7590,7 +7590,7 @@ html, body { } } -/* Izboljšan popravek za prevelike razmike med besedami na mobilnikih - V3 AGRESIVNO */ +/* Popravek za prevelike razmike med besedami na mobilnikih - leva poravnava */ @media (max-width: 768px) { /* Dodali smo .purpose-goal in li ter splošne razrede */ p, @@ -7601,24 +7601,7 @@ html, body { .step-card p, .mediation-detail-text p, .article-body-text p { - /* 1. Obojestranska poravnava */ - text-align: justify !important; - /* 2. Distribute za bolj enakomerno razporeditev */ - text-justify: distribute; - /* 3. Maksimalno agresivno deljenje besed */ - -webkit-hyphens: auto !important; - -moz-hyphens: auto !important; - -ms-hyphens: auto !important; - hyphens: auto !important; - -webkit-hyphenate-limit-chars: 4 2 2; - hyphenate-limit-chars: 4 2 2; - /* 4. Stisni črke in besede */ - letter-spacing: -0.5px !important; - word-spacing: -1px !important; - /* 5. Prelomi besede kjerkoli, če je potrebno */ - overflow-wrap: break-word; - word-break: break-word; - /* 6. Zadnja vrstica naj bo vedno levo */ - text-align-last: left !important; + /* Leva poravnava za mobilne naprave - preprečuje velike presledke */ + text-align: left !important; } }