Larger Icons are being truncated on true mobile devices

[NicoledeGreef]

How to reproduce

• SMK version I'm using: 0.8.0

• Browser (with version) I'm using: Safari

• OS/Platform (with version) I'm using: iOS 12

• On a mobile device (I use an iPhone 7) visit: http://moh.apps.gov.bc.ca/alrc/?

What behaviour I'm expecting and which behaviour I'm seeing

I'm expecting to see the full icons but I see the full size of icon as a box with only a portion of the icons I expect to see.

Expected look of icons:

Actual look of icons:

Might be ALRC specific; alrc is built on 0.8.0 and the size of the icons is controlled via the alpha.css theme.

.smk-theme-alpha .material-icons {
color: #234075;
font-size: 42px;
}

The issue is not apparent when previewing at various sizes in Google Chrome's Developer Tools, on a kindle fire (android), or on a samsung tablet so it seems to be limited to iOS 12/Safari.

[NicoledeGreef]

Closing this for now. ALRC will be re-built with latest SMK at some point in the future.