SOS Infrastruktura v3.22.2 — QA rezultat
Datum: 2026-08-18
Opseg: mobile-only korekcija CTA dugmadi u Podaci o nalogu

ROOT CAUSE
- Na <=640 px .inline-actions prelazi na vertikalnu flex osu.
- Postojeće <=760 px pravilo .inline-actions .button { flex: 1 1 180px; } tada koristi 180 px kao vertikalni flex-basis.
- Zato su "Sačuvaj fotografiju" i "Sačuvaj novu lozinku" bili 180 px visoki.

IMPLEMENTACIJA
@media (max-width: 640px) {
  .account-action-grid .profile-photo-form .inline-actions > .button-primary,
  .account-action-grid .password-form .inline-actions > .button-primary {
    flex: 0 0 auto;
    min-height: 48px;
    padding-block: 12px;
  }
}

Nisu menjani: boje, gradient, border radius, font, font-weight, shadow, širina, tekst, funkcionalnost, desktop/tablet layout.
Nema SQL migracije.

BROWSER / CHROMIUM REGRESSION
Mobilni viewport-i:
- 320 px: photo 180 -> 48 px; password 180 -> 48 px; quick/ticket CTA 48 px; horizontal overflow 0
- 360 px: photo 180 -> 48 px; password 180 -> 48 px; quick/ticket CTA 48 px; horizontal overflow 0
- 375 px: photo 180 -> 48 px; password 180 -> 48 px; quick/ticket CTA 48 px; horizontal overflow 0
- 390 px: photo 180 -> 48 px; password 180 -> 48 px; quick/ticket CTA 48 px; horizontal overflow 0
- 412 px: photo 180 -> 48 px; password 180 -> 48 px; quick/ticket CTA 48 px; horizontal overflow 0
- 430 px: photo 180 -> 48 px; password 180 -> 48 px; quick/ticket CTA 48 px; horizontal overflow 0

Tablet / desktop baseline comparison:
- 768x1024: svih 6 CTA dugmadi iste dimenzije pre/posle; overflow 0
- 820x1180: svih 6 CTA dugmadi iste dimenzije pre/posle; overflow 0
- 1366x768: svih 6 CTA dugmadi iste dimenzije pre/posle; overflow 0
- 1920x1080: svih 6 CTA dugmadi iste dimenzije pre/posle; overflow 0

STATIC / RUNTIME QA
- v3.22.2 account CTA static: 15/15 PASS
- v3.22.1 role/display static: 16/16 PASS
- v3.22.1 role/display runtime: 16/16 PASS
- v3.22.0 F/DS static: 36/36 PASS
- v3.22.0 F/DS runtime: 29/29 PASS
- ticket/RBAC static: 43/43 PASS
- ticket/RBAC runtime: 15/15 PASS
- UI polish static: 26/26 PASS
- UI polish runtime: 12/12 PASS
- session timeout runtime: 10/10 PASS
- PHP lint: PASS za sve PHP fajlove
- JavaScript syntax: PASS

NAPOMENA O LEGACY SESSION STATIC TESTU
qa_session_timeout_v3_21.js ima istorijsku aserciju koja traži @media (max-width: 520px), dok stvarni session modal CSS već koristi standardni 640 px breakpoint. Taj test daje 18/19 i nije promenjen u v3.22.2, jer nije povezan sa ovim zahtevom. Session runtime test je 10/10 PASS.

ZAKLJUČAK
Ciljana mobile korekcija prolazi sve relevantne browser i regresione provere. Desktop/tablet su bit-for-behavior nepromenjeni za šest proveravanih CTA dugmadi.
