circlemenu: Auf Smartphone verschieben sich die Buttons

[stobor]

Ich habe ein paar Probleme mit dem CircleMenu:

1. Die ausgeklappten Buttons ragen auf dem PC zum Teil aus dem oberen Rand heraus.
2. Auf dem Smartphone (iPhone) liegen die Beschriftungen nicht einmal auf den Buttons.

Hier ist mein Code:

Code Auswählen Erweitern

<header>HEIZUNG</header>
<div class="top-space">
<div data-type="circlemenu" class="cell circlemenu" data-item-width="60" data-item-height="60" data-circle-radius="90">
<!-- https://www.youtube.com/watch?v=O5DsCKTNF8c  http://knowthelist.github.io/fhem/tablet/demo_circlemenu.html#link1.html -->
<ul class="menu">
<li><div data-type="push" data-icon="fa-thermometer-full"></div></li>
<li><div data-type="link" data-color="blue" data-url="javascript:go('http://192.168.178.45/config/xmlapi/statechange.cgi?ise_id=2306&new_value=1')">WC</div></li>
<li><div data-type="link" data-color="blue" data-url="javascript:go('http://192.168.178.45/config/xmlapi/statechange.cgi?ise_id=1275&new_value=1')">Flur</div></li>
<li><div data-type="link" data-color="blue" data-url="javascript:go('http://192.168.178.45/config/xmlapi/statechange.cgi?ise_id=2193&new_value=1')">Küche</div></li>
<li><div data-type="link" data-color="blue" data-url="javascript:go('http://192.168.178.45/config/xmlapi/statechange.cgi?ise_id=1493&new_value=1')">Wohnen</div></li>
<li><div data-type="link" data-color="blue" data-url="javascript:go('http://192.168.178.45/config/xmlapi/statechange.cgi?ise_id=1774&new_value=1')">Bad</div></li>
<li><div data-type="link" data-color="blue" data-url="javascript:go('http://192.168.178.45/config/xmlapi/statechange.cgi?ise_id=1661&new_value=1')">Kind</div></li>
<li><div data-type="link" data-color="blue" data-url="javascript:go('http://192.168.178.45/config/xmlapi/statechange.cgi?ise_id=1548&new_value=1')">Schlafen</div></li>
<li><div data-type="link" data-color="blue" data-url="javascript:go('http://192.168.178.45/config/xmlapi/statechange.cgi?ise_id=1887&new_value=1')">Arbeiten</div></li>
</ul>
</div>
</div>
<div class="">Boost</div>


Hat jemand eine Idee, was ich falsch mache?
Danke

[setstate]

Bitte kein class="menu" bei <ul>

[stobor]

Danke.
Das hat schon ein wenig geholfen. Allerdings wandern die oberen Buttons noch immer aus dem Browserfenster.