Focus isn't always displayed correctly

[desobryc]

The focus element (http://swiss.github.io/styleguide/content_modules_-_teaser.html#a-focus) is quite often buggy: double display, status icons (red points) or texts are missing, partial display on iphones. It possibly leads to a problem when reading videos on iphones (portait) when these are displayed in the focus teaser.

[desobryc]

The double display appears on all types of devices and sizes.

[desobryc]

The points are missing for small displays, for ex. here iphone portrait

[tonifisler]

There is some massive JS scripts handling the markup transformations between mobile and desktop versions of this element. We'll have to look into those and fix any issue we find.

[tonifisler]

This component is quite a mess. Should be refactored at some point.

[desobryc]

Ok for desktop on chrome, ie and firefox and for chrome and firefox on my samsung.

Still need to test it for iphones