Fix moving OL items on Safari mobile

Also fix long words overflowing panel.

Close #90 and close #89.

boilerplate/requirements.txt

@@ -1 +1 @@
-noyainrain.micro ~= 0.45.0
+noyainrain.micro ~= 0.45.1

client/index.js

@@ -886,8 +886,8 @@ micro.OL = class extends HTMLOListElement {
 
                 // Locate li the pointer is over
                 if (event.type === "touchmove") {
-                    x = event.targetTouches[0].clientX;
-                    y = event.targetTouches[0].clientY;
+                    x = event.changedTouches[0].clientX;
+                    y = event.changedTouches[0].clientY;
                 } else {
                     x = event.clientX;
                     y = event.clientY;

client/micro.css

@@ -473,6 +473,7 @@ legend {
 
 .micro-panel-main {
     flex: auto;
+    min-width: 0;
 }
 
 /* ---- Entity list ---- */
@@ -502,6 +503,7 @@ legend {
 
 .micro-heading > h1 {
     flex: auto;
+    min-width: 0;
     padding: 0;
     font-size: 2rem;
 }

client/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@noyainrain/micro",
-    "version": "0.45.0",
+    "version": "0.45.1",
     "description": "Toolkit for social micro web apps.",
     "repository": "noyainrain/micro",
     "license": "LGPL-3.0",

setup.py

@@ -7,7 +7,7 @@
 
 setup(
     name='noyainrain.micro',
-    version='0.45.0',
+    version='0.45.1',
     url='https://github.com/noyainrain/micro',
     maintainer='Sven James',
     maintainer_email='[email protected]',