diff --git a/config-serializer/ClassArray.ts b/config-serializer/ClassArray.ts
index 8e6b0ec3..06266af1 100644
--- a/config-serializer/ClassArray.ts
+++ b/config-serializer/ClassArray.ts
@@ -14,7 +14,6 @@ abstract class ClassArray<T> extends Serializable<T> {
         let arrayLength = buffer.readCompactLength();
 
         if (buffer.enableDump) {
-            process.stdout.write(']\n');
             buffer.enableDump = false;
         }
 
@@ -36,7 +35,6 @@ abstract class ClassArray<T> extends Serializable<T> {
         buffer.writeCompactLength(this.elements.length);
 
         if (buffer.enableDump) {
-            process.stdout.write(']\n');
             buffer.enableDump = false;
         }
 
diff --git a/config-serializer/Serializable.ts b/config-serializer/Serializable.ts
index c7b0b50a..f108db94 100644
--- a/config-serializer/Serializable.ts
+++ b/config-serializer/Serializable.ts
@@ -5,58 +5,43 @@ abstract class Serializable<T> {
     private static enableDump = true;
 
     fromJsObject(jsObject: any): Serializable<T> {
-        let isArray = this instanceof ClassArray;
-        this.dumpMethodName('fromJsObject');
-        this.dump(`${this.strintifyJsObject(jsObject)}` + (isArray ? '\n' : ` => `));
+        this.dump(`${this.getIndentation()}${this.constructor.name}.fromJsObject: ` +
+                  `${this.strintifyJsObject(jsObject)}\n`);
         Serializable.depth++;
         let value = this._fromJsObject(jsObject);
         Serializable.depth--;
-        if (!isArray) {
-            this.dump(`${value}\n`);
-        }
+        this.dump(`${this.getIndentation()}=> ${value}\n`);
         return value;
     }
 
     fromBinary(buffer: UhkBuffer): Serializable<T> {
-        let isArray = this instanceof ClassArray;
-        this.dumpMethodName('fromBinary');
-        this.dump('[');
+        this.dump(`\n${this.getIndentation()}${this.constructor.name}.fromBinary: [`);
         Serializable.depth++;
         buffer.enableDump = Serializable.enableDump;
         let value = this._fromBinary(buffer);
         buffer.enableDump = false;
         Serializable.depth--;
-        if (!isArray) {
-            this.dump(`] => ${value}\n`);
-        }
+        this.dump(`]\n${this.getIndentation()}=> ${value}`);
         return value;
     }
 
     toJsObject(): any {
-        let isArray = this instanceof ClassArray;
-        this.dumpMethodName('toJsObject');
-        this.dump(`${this}` + (isArray ? '\n' : ` => `));
+        this.dump(`${this.getIndentation()}${this.constructor.name}.toJsObject: ${this}\n`);
         Serializable.depth++;
         let value = this._toJsObject();
         Serializable.depth--;
-        if (!isArray) {
-            this.dump(`${this.strintifyJsObject(value)}\n`);
-        }
+        this.dump(`${this.getIndentation()}=> ${this.strintifyJsObject(value)}\n`);
         return value;
     }
 
     toBinary(buffer: UhkBuffer): void {
-        let isArray = this instanceof ClassArray;
-        this.dumpMethodName('toBinary');
-        this.dump(`${this} => ['`);
+        this.dump(`\n${this.getIndentation()}${this.constructor.name}.toBinary: ${this} [`);
         Serializable.depth++;
         buffer.enableDump = Serializable.enableDump;
         let value = this._toBinary(buffer);
         buffer.enableDump = false;
         Serializable.depth--;
-        if (!isArray) {
-            this.dump(`]\n`);
-        }
+        this.dump(`]`);
         return value;
     }
 
@@ -71,9 +56,8 @@ abstract class Serializable<T> {
         }
     }
 
-    private dumpMethodName(methodName: string) {
-        let indentation = new Array(Serializable.depth + 1).join('    ');
-        this.dump(`${indentation}${this.constructor.name}.${methodName}: `);
+    private getIndentation() {
+        return new Array(Serializable.depth + 1).join('    ');
     }
 
     private strintifyJsObject(jsObject: any): string {
diff --git a/config-serializer/UhkBuffer.ts b/config-serializer/UhkBuffer.ts
index d7e66db3..85f1204f 100644
--- a/config-serializer/UhkBuffer.ts
+++ b/config-serializer/UhkBuffer.ts
@@ -1,4 +1,5 @@
 class UhkBuffer {
+
     private static eepromSize = 32 * 1024;
     private static maxCompactLength = 0xFFFF;
     private static longCompactLengthPrefix = 0xFF;
@@ -156,21 +157,25 @@ class UhkBuffer {
     }
 
     set enableDump(value) {
-        UhkBuffer.isFirstElementToDump = true;
+        if (value) {
+            UhkBuffer.isFirstElementToDump = true;
+        }
         this._enableDump = value;
     }
 
     dump(value) {
-        if (this.enableDump) {
-            if (!UhkBuffer.isFirstElementToDump) {
-                process.stdout.write(', ');
-            }
-            process.stdout.write(value);
-            if (UhkBuffer.isFirstElementToDump) {
-                UhkBuffer.isFirstElementToDump = false;
-            }
-        } else {
-            UhkBuffer.isFirstElementToDump = true;
+        if (!this.enableDump) {
+            return;
+        }
+
+        if (!UhkBuffer.isFirstElementToDump) {
+            process.stdout.write(', ');
+        }
+
+        process.stdout.write(value);
+
+        if (UhkBuffer.isFirstElementToDump) {
+            UhkBuffer.isFirstElementToDump = false;
         }
     }
 }
diff --git a/config-serializer/test-serializer.ts b/config-serializer/test-serializer.ts
index a075c17f..0765ffc6 100644
--- a/config-serializer/test-serializer.ts
+++ b/config-serializer/test-serializer.ts
@@ -18,7 +18,9 @@ let keyActions1BufferContent = keyActions1Buffer.getBufferContent();
 fs.writeFileSync('uhk-config.bin', keyActions1BufferContent);
 
 keyActions1Buffer.offset = 0;
+console.log();
 let keyActions2Ts = new KeyActions().fromBinary(keyActions1Buffer);
+console.log('\n');
 let keyActions2Js = keyActions2Ts.toJsObject();
 let keyActions2Buffer = new UhkBuffer();
 keyActions2Ts.toBinary(keyActions2Buffer);
@@ -45,6 +47,7 @@ fs.writeFileSync('uhk-config-serialized.json', JSON.stringify(modules2Js, undefi
 let modules2BufferContent = modules1Buffer.getBufferContent();
 fs.writeFileSync('uhk-config-serialized.bin', modules2BufferContent);
 
+console.log('\n');
 try {
     /* wanted to also compare class->json & class->binary->class->json with original json */
     assert.deepEqual(modulesbaseJs, modules1Js);
diff --git a/examples/uhk.key-design.mouse-layer.svg b/examples/uhk.key-design.mouse-layer.svg
index d4ec77cd..4e902ec3 100644
--- a/examples/uhk.key-design.mouse-layer.svg
+++ b/examples/uhk.key-design.mouse-layer.svg
@@ -51,7 +51,7 @@
      showgrid="false"
      inkscape:zoom="1.4585257"
      inkscape:cx="512.161"
-     inkscape:cy="290.51895"
+     inkscape:cy="235.66905"
      inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
@@ -618,8 +618,8 @@
      style="fill:#333333;stroke:none"
      rx="3.5433071"
      ry="3.5433071"
-     x="395.1778"
-     y="160.27048"
+     x="395.80423"
+     y="159.85286"
      height="63.779526"
      width="63.779526"
      id="b6" />
@@ -863,154 +863,30 @@
        x="340.14719"
        y="133.07333"
        style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:19px;font-family:Helvetica;-inkscape-font-specification:Helvetica;text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:1" /></text>
-  <g
-     id="g4779"
-     transform="translate(2.1678363,-1.5357466)">
-    <g
-       id="g4899"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0">Move</tspan>
-      </text>
-    </g>
-  </g>
   <path
      style="fill:#ffffff;fill-opacity:1"
      d="m 574.17353,267.01731 5.33602,-3.10418 0.0584,2.19603 0.0133,2.21287 5.37516,0.013 5.37516,0.013 0,1.76147 0,1.76146 -5.37516,0.013 -5.37516,0.013 -0.0133,2.20879 -0.0347,2.2088 -10.51047,-6.12236 -0.14014,-0.0876 z"
      id="path4917"
      inkscape:connector-curvature="0"
      sodipodi:nodetypes="ccccccccccccccc" />
-  <g
-     style="overflow:visible"
-     id="g4779-7"
-     transform="translate(68.408668,-1.5357514)">
-    <g
-       id="g4899-1"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-8"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-2"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-5">Move</tspan>
-      </text>
-    </g>
-  </g>
   <path
      style="overflow:visible;fill:#ffffff;fill-opacity:1"
      d="m 642.7514,275.54741 -3.10418,-5.33601 2.19603,-0.0584 2.21288,-0.0133 0.013,-5.37516 0.013,-5.37517 1.76147,0 1.76146,0 0.013,5.37517 0.013,5.37516 2.20879,0.0133 2.2088,0.0347 -6.12236,10.51047 -0.0876,0.14014 z"
      id="path4917-0"
      inkscape:connector-curvature="0"
      sodipodi:nodetypes="ccccccccccccccc" />
-  <g
-     style="overflow:visible"
-     id="g4779-3"
-     transform="translate(51.597001,-68.858567)">
-    <g
-       id="g4899-5"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-0"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-0"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-7">Move</tspan>
-      </text>
-    </g>
-  </g>
   <path
      style="overflow:visible;fill:#ffffff;fill-opacity:1"
      d="m 632.1328,197.35745 3.10418,5.33601 -2.19603,0.0584 -2.21287,0.0133 -0.013,5.37517 -0.013,5.37516 -1.76147,0 -1.76146,0 -0.013,-5.37516 -0.013,-5.37517 -2.20879,-0.0133 -2.2088,-0.0347 6.12236,-10.51047 0.0876,-0.14014 z"
      id="path4917-8"
      inkscape:connector-curvature="0"
      sodipodi:nodetypes="ccccccccccccccc" />
-  <g
-     style="overflow:visible"
-     id="g4779-9"
-     transform="translate(137.45131,-1.5357469)">
-    <g
-       id="g4899-0"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-9"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-8"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-9">Move</tspan>
-      </text>
-    </g>
-  </g>
   <path
      style="overflow:visible;fill:#ffffff;fill-opacity:1"
      d="m 720.32415,267.01731 -5.33602,-3.10418 -0.0584,2.19603 -0.0133,2.21287 -5.37516,0.013 -5.37516,0.013 0,1.76147 0,1.76146 5.37516,0.013 5.37516,0.013 0.0133,2.20879 0.0347,2.2088 10.51047,-6.12236 0.14014,-0.0876 z"
      id="path4917-04"
      inkscape:connector-curvature="0"
      sodipodi:nodetypes="ccccccccccccccc" />
-  <g
-     style="overflow:visible"
-     id="g4779-3-1"
-     transform="translate(-83.258099,-68.858562)">
-    <g
-       id="g4899-5-1"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-0-6"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-0-2"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-7-3">Scroll</tspan>
-      </text>
-    </g>
-  </g>
   <g
      id="g4447"
      transform="matrix(0,0.04974319,-0.04974319,0,501.47717,195.70441)"
@@ -1079,31 +955,6 @@
        id="g4439"
        style="fill:#ffffff;fill-opacity:1" />
   </g>
-  <g
-     style="overflow:visible"
-     id="g4779-3-1-7"
-     transform="translate(-65.683268,-1.5357451)">
-    <g
-       id="g4899-5-1-8"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-0-6-9"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-0-2-0"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-7-3-3">Scroll</tspan>
-      </text>
-    </g>
-  </g>
   <g
      id="g4447-3"
      transform="matrix(0,-0.04974319,-0.04974319,0,519.052,277.20046)"
@@ -1172,31 +1023,6 @@
        id="g4439-6"
        style="fill:#ffffff;fill-opacity:1" />
   </g>
-  <g
-     style="overflow:visible"
-     id="g4779-3-1-4"
-     transform="translate(-15.935286,-68.85856)">
-    <g
-       id="g4899-5-1-7"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-0-6-6"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-0-2-5"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-7-3-2">Scroll</tspan>
-      </text>
-    </g>
-  </g>
   <g
      id="g4447-9"
      transform="matrix(0.04974319,0,0,0.04974319,554.62675,195.70441)"
@@ -1265,31 +1091,6 @@
        id="g4439-8"
        style="fill:#ffffff;fill-opacity:1" />
   </g>
-  <g
-     style="overflow:visible"
-     id="g4779-3-1-9"
-     transform="translate(118.7104,-68.85856)">
-    <g
-       id="g4899-5-1-4"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-0-6-0"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-0-2-8"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-7-3-5">Scroll</tspan>
-      </text>
-    </g>
-  </g>
   <g
      id="g4447-0"
      transform="matrix(-0.04974319,0,0,-0.04974319,703.44567,209.87765)"
@@ -1358,31 +1159,6 @@
        id="g4439-4"
        style="fill:#ffffff;fill-opacity:1" />
   </g>
-  <g
-     style="overflow:visible"
-     id="g4779-3-1-72"
-     transform="translate(-334.10612,-1.5365324)">
-    <g
-       id="g4899-5-1-5"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-0-6-2"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-0-2-52"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-7-3-7">Click</tspan>
-      </text>
-    </g>
-  </g>
   <text
      xml:space="preserve"
      style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
@@ -1394,31 +1170,6 @@
        id="tspan4774"
        x="224.35167"
        y="274.12228">Right</tspan></text>
-  <g
-     style="overflow:visible"
-     id="g4779-3-1-72-6"
-     transform="translate(-266.4644,-1.5365389)">
-    <g
-       id="g4899-5-1-5-5"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-0-6-2-8"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-0-2-52-6"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-7-3-7-5">Click</tspan>
-      </text>
-    </g>
-  </g>
   <text
      xml:space="preserve"
      style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
@@ -1430,31 +1181,6 @@
        id="tspan4774-4"
        x="286.6694"
        y="275.58875">Middle</tspan></text>
-  <g
-     style="overflow:visible"
-     id="g4779-3-1-72-1"
-     transform="translate(-198.82264,-1.5365385)">
-    <g
-       id="g4899-5-1-5-8"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-0-6-2-6"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-0-2-52-0"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-7-3-7-8">Click</tspan>
-      </text>
-    </g>
-  </g>
   <text
      xml:space="preserve"
      style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
@@ -1466,114 +1192,48 @@
        id="tspan4774-8"
        x="363.72025"
        y="275.66458">Left</tspan></text>
-  <g
-     style="overflow:visible"
-     id="g4779-3-1-72-0"
-     transform="translate(-301.43683,65.786279)">
-    <g
-       id="g4899-5-1-5-0"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-0-6-2-2"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-0-2-52-9"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-7-3-7-7">Click</tspan>
-      </text>
-    </g>
-  </g>
   <text
      xml:space="preserve"
-     style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-     x="246.17432"
-     y="342.62259"
+     style="font-style:normal;font-weight:normal;font-size:12.64062881px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     x="250.27643"
+     y="341.86749"
      id="text4772-9"
      sodipodi:linespacing="125%"><tspan
        sodipodi:role="line"
        id="tspan4774-6"
-       x="246.17432"
-       y="342.62259">Button 4</tspan></text>
-  <g
-     style="overflow:visible"
-     id="g4779-3-1-72-5"
-     transform="translate(-233.40535,65.786278)">
-    <g
-       id="g4899-5-1-5-4"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-0-6-2-1"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-0-2-52-69"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-7-3-7-9">Click</tspan>
-      </text>
-    </g>
-  </g>
+       x="250.27643"
+       y="341.86749">Button 4</tspan></text>
   <text
-     xml:space="preserve"
-     style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-     x="324.96576"
-     y="342.62259"
-     id="text4772-50"
-     sodipodi:linespacing="125%"><tspan
-       sodipodi:role="line"
-       id="tspan4774-0"
-       x="324.96576"
-       y="342.62259">Btn 5</tspan></text>
+     sodipodi:linespacing="125%"
+     id="text4768-32"
+     y="341.4451"
+     x="393.08392"
+     style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     xml:space="preserve"><tspan
+       y="341.4451"
+       x="393.08392"
+       id="tspan4770-0"
+       sodipodi:role="line" /></text>
   <g
-     style="overflow:visible"
-     id="g4779-3-1-72-7"
-     transform="translate(-165.37385,65.786274)">
-    <g
-       id="g4899-5-1-5-3"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-0-6-2-9"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-0-2-52-8"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-7-3-7-1">Click</tspan>
-      </text>
-    </g>
+     id="g4555"
+     transform="translate(1.7599488,0.08481185)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Scroll</tspan>
+    </text>
+    <path
+       id="rect4501-8"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
   </g>
-  <text
-     xml:space="preserve"
-     style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-     x="393.05865"
-     y="342.62622"
-     id="text4772-4"
-     sodipodi:linespacing="125%"><tspan
-       sodipodi:role="line"
-       id="tspan4774-2"
-       x="393.05865"
-       y="342.62622">Btn 6</tspan></text>
   <text
      xml:space="preserve"
      style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
@@ -1584,5 +1244,300 @@
        sodipodi:role="line"
        id="tspan4692"
        x="386.00623"
-       y="339.72635"> </tspan></text>
+       y="339.72635" /></text>
+  <g
+     style="overflow:visible"
+     id="g4555-3"
+     transform="translate(19.334779,67.407623)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-7"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-56"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Scroll</tspan>
+    </text>
+    <path
+       id="rect4501-8-3"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-3-8"
+     transform="translate(87.185883,67.407623)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-7-2"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-56-0"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Move</tspan>
+    </text>
+    <path
+       id="rect4501-8-3-6"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-3-2"
+     transform="translate(-249.08807,67.406837)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-7-0"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-56-9"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Click</tspan>
+    </text>
+    <path
+       id="rect4501-8-3-9"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-3-2-0"
+     transform="translate(-181.44635,67.40683)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-7-0-4"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-56-9-9"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Click</tspan>
+    </text>
+    <path
+       id="rect4501-8-3-9-1"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-3-2-5"
+     transform="translate(-113.80459,67.406829)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-7-0-5"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-56-9-5"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Click</tspan>
+    </text>
+    <path
+       id="rect4501-8-3-9-7"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-6"
+     transform="translate(69.082763,0.08480803)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-3"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-4"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Scroll</tspan>
+    </text>
+    <path
+       id="rect4501-8-6"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-1"
+     transform="translate(203.72845,0.08480803)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-5"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-1"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Scroll</tspan>
+    </text>
+    <path
+       id="rect4501-8-38"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-3-8-4"
+     transform="translate(153.42673,67.407592)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-7-2-0"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-56-0-1"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Move</tspan>
+    </text>
+    <path
+       id="rect4501-8-3-6-8"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-3-8-7"
+     transform="translate(136.61502,0.08480803)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-7-2-2"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-56-0-7"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Move</tspan>
+    </text>
+    <path
+       id="rect4501-8-3-6-3"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-3-8-73"
+     transform="translate(222.46933,67.407623)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-7-2-8"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-56-0-4"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Move</tspan>
+    </text>
+    <path
+       id="rect4501-8-3-6-2"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-3-2-1"
+     transform="translate(-216.41878,134.72965)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-7-0-43"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-56-9-56"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Click</tspan>
+    </text>
+    <path
+       id="rect4501-8-3-9-0"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-3-2-4"
+     transform="translate(-148.3873,134.72965)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-7-0-0"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-56-9-52"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Click</tspan>
+    </text>
+    <path
+       id="rect4501-8-3-9-3"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-3-2-2"
+     transform="translate(-80.355805,134.72964)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-7-0-9"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-56-9-4"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Click</tspan>
+    </text>
+    <path
+       id="rect4501-8-3-9-72"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:12.64062881px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     x="318.41592"
+     y="341.86749"
+     id="text4772-9-8"
+     sodipodi:linespacing="125%"><tspan
+       sodipodi:role="line"
+       id="tspan4774-6-0"
+       x="318.41592"
+       y="341.86749">Button 5</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:12.64062881px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     x="386.49988"
+     y="341.87057"
+     id="text4772-9-9"
+     sodipodi:linespacing="125%"><tspan
+       sodipodi:role="line"
+       id="tspan4774-6-5"
+       x="386.49988"
+       y="341.87057">Button 6</tspan></text>
 </svg>
diff --git a/examples/uhk.key-design.mouse-layer.with_alignments.svg b/examples/uhk.key-design.mouse-layer.with_alignments.svg
index 847917ed..e769f8cf 100644
--- a/examples/uhk.key-design.mouse-layer.with_alignments.svg
+++ b/examples/uhk.key-design.mouse-layer.with_alignments.svg
@@ -23,7 +23,7 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
+        <dc:title></dc:title>
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -51,11 +51,11 @@
      showgrid="false"
      inkscape:zoom="1.4585257"
      inkscape:cx="512.161"
-     inkscape:cy="290.51895"
+     inkscape:cy="235.66905"
      inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
-     inkscape:current-layer="g4336-9-1-6"
+     inkscape:current-layer="g4471"
      units="mm"
      inkscape:document-units="mm"
      inkscape:snap-bbox="true"
@@ -184,7 +184,7 @@
        width="63.779526"
        height="21.259842"
        x="613.95819"
-       y="238.22409"
+       y="238.22406"
        rx="3.5433099"
        ry="3.5433097" />
     <rect
@@ -815,8 +815,8 @@
      style="fill:#333333;stroke:none"
      rx="3.5433071"
      ry="3.5433071"
-     x="395.1778"
-     y="160.27048"
+     x="395.80423"
+     y="159.85286"
      height="63.779526"
      width="63.779526"
      id="b6" />
@@ -1060,154 +1060,30 @@
        x="340.14719"
        y="133.07333"
        style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:19px;font-family:Helvetica;-inkscape-font-specification:Helvetica;text-align:center;text-anchor:middle;fill:#ffffff;fill-opacity:1" /></text>
-  <g
-     id="g4779"
-     transform="translate(2.1678363,-1.5357466)">
-    <g
-       id="g4899"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0">Move</tspan>
-      </text>
-    </g>
-  </g>
   <path
      style="fill:#ffffff;fill-opacity:1"
      d="m 574.17353,267.01731 5.33602,-3.10418 0.0584,2.19603 0.0133,2.21287 5.37516,0.013 5.37516,0.013 0,1.76147 0,1.76146 -5.37516,0.013 -5.37516,0.013 -0.0133,2.20879 -0.0347,2.2088 -10.51047,-6.12236 -0.14014,-0.0876 z"
      id="path4917"
      inkscape:connector-curvature="0"
      sodipodi:nodetypes="ccccccccccccccc" />
-  <g
-     style="overflow:visible"
-     id="g4779-7"
-     transform="translate(68.408668,-1.5357514)">
-    <g
-       id="g4899-1"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-8"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-2"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-5">Move</tspan>
-      </text>
-    </g>
-  </g>
   <path
      style="overflow:visible;fill:#ffffff;fill-opacity:1"
      d="m 642.7514,275.54741 -3.10418,-5.33601 2.19603,-0.0584 2.21288,-0.0133 0.013,-5.37516 0.013,-5.37517 1.76147,0 1.76146,0 0.013,5.37517 0.013,5.37516 2.20879,0.0133 2.2088,0.0347 -6.12236,10.51047 -0.0876,0.14014 z"
      id="path4917-0"
      inkscape:connector-curvature="0"
      sodipodi:nodetypes="ccccccccccccccc" />
-  <g
-     style="overflow:visible"
-     id="g4779-3"
-     transform="translate(51.597001,-68.858567)">
-    <g
-       id="g4899-5"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-0"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-0"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-7">Move</tspan>
-      </text>
-    </g>
-  </g>
   <path
      style="overflow:visible;fill:#ffffff;fill-opacity:1"
      d="m 632.1328,197.35745 3.10418,5.33601 -2.19603,0.0584 -2.21287,0.0133 -0.013,5.37517 -0.013,5.37516 -1.76147,0 -1.76146,0 -0.013,-5.37516 -0.013,-5.37517 -2.20879,-0.0133 -2.2088,-0.0347 6.12236,-10.51047 0.0876,-0.14014 z"
      id="path4917-8"
      inkscape:connector-curvature="0"
      sodipodi:nodetypes="ccccccccccccccc" />
-  <g
-     style="overflow:visible"
-     id="g4779-9"
-     transform="translate(137.45131,-1.5357469)">
-    <g
-       id="g4899-0"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-9"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-8"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-9">Move</tspan>
-      </text>
-    </g>
-  </g>
   <path
      style="overflow:visible;fill:#ffffff;fill-opacity:1"
      d="m 720.32415,267.01731 -5.33602,-3.10418 -0.0584,2.19603 -0.0133,2.21287 -5.37516,0.013 -5.37516,0.013 0,1.76147 0,1.76146 5.37516,0.013 5.37516,0.013 0.0133,2.20879 0.0347,2.2088 10.51047,-6.12236 0.14014,-0.0876 z"
      id="path4917-04"
      inkscape:connector-curvature="0"
      sodipodi:nodetypes="ccccccccccccccc" />
-  <g
-     style="overflow:visible"
-     id="g4779-3-1"
-     transform="translate(-83.258099,-68.858562)">
-    <g
-       id="g4899-5-1"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-0-6"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-0-2"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-7-3">Scroll</tspan>
-      </text>
-    </g>
-  </g>
   <g
      id="g4447"
      transform="matrix(0,0.04974319,-0.04974319,0,501.47717,195.70441)"
@@ -1317,31 +1193,6 @@
        rx="3.5433099"
        ry="3.5433097" />
   </g>
-  <g
-     style="overflow:visible"
-     id="g4779-3-1-7"
-     transform="translate(-65.683268,-1.5357451)">
-    <g
-       id="g4899-5-1-8"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-0-6-9"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-0-2-0"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-7-3-3">Scroll</tspan>
-      </text>
-    </g>
-  </g>
   <g
      id="g4447-3"
      transform="matrix(0,-0.04974319,-0.04974319,0,519.052,277.20046)"
@@ -1451,31 +1302,6 @@
        rx="3.5433099"
        ry="3.5433097" />
   </g>
-  <g
-     style="overflow:visible"
-     id="g4779-3-1-4"
-     transform="translate(-15.935286,-68.85856)">
-    <g
-       id="g4899-5-1-7"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-0-6-6"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-0-2-5"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-7-3-2">Scroll</tspan>
-      </text>
-    </g>
-  </g>
   <g
      id="g4447-9"
      transform="matrix(0.04974319,0,0,0.04974319,554.62675,195.70441)"
@@ -1585,31 +1411,6 @@
        rx="3.5433099"
        ry="3.5433097" />
   </g>
-  <g
-     style="overflow:visible"
-     id="g4779-3-1-9"
-     transform="translate(118.7104,-68.85856)">
-    <g
-       id="g4899-5-1-4"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-0-6-0"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-0-2-8"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-7-3-5">Scroll</tspan>
-      </text>
-    </g>
-  </g>
   <g
      id="g4447-0"
      transform="matrix(-0.04974319,0,0,-0.04974319,703.44567,209.87765)"
@@ -1730,31 +1531,6 @@
          x="611.70618"
          y="206.80026" /></text>
   </g>
-  <g
-     style="overflow:visible"
-     id="g4779-3-1-72"
-     transform="translate(-334.10612,-1.5365324)">
-    <g
-       id="g4899-5-1-5"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-0-6-2"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-0-2-52"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-7-3-7">Click</tspan>
-      </text>
-    </g>
-  </g>
   <text
      xml:space="preserve"
      style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
@@ -1818,31 +1594,6 @@
          x="611.70618"
          y="206.80026" /></text>
   </g>
-  <g
-     style="overflow:visible"
-     id="g4779-3-1-72-6"
-     transform="translate(-266.4644,-1.5365389)">
-    <g
-       id="g4899-5-1-5-5"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-0-6-2-8"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-0-2-52-6"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-7-3-7-5">Click</tspan>
-      </text>
-    </g>
-  </g>
   <text
      xml:space="preserve"
      style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
@@ -1906,31 +1657,6 @@
          x="611.70618"
          y="206.80026" /></text>
   </g>
-  <g
-     style="overflow:visible"
-     id="g4779-3-1-72-1"
-     transform="translate(-198.82264,-1.5365385)">
-    <g
-       id="g4899-5-1-5-8"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-0-6-2-6"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-0-2-52-0"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-7-3-7-8">Click</tspan>
-      </text>
-    </g>
-  </g>
   <text
      xml:space="preserve"
      style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
@@ -1994,42 +1720,17 @@
          x="611.70618"
          y="206.80026" /></text>
   </g>
-  <g
-     style="overflow:visible"
-     id="g4779-3-1-72-0"
-     transform="translate(-301.43683,65.786279)">
-    <g
-       id="g4899-5-1-5-0"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-0-6-2-2"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-0-2-52-9"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-7-3-7-7">Click</tspan>
-      </text>
-    </g>
-  </g>
   <text
      xml:space="preserve"
-     style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-     x="246.17432"
-     y="342.62259"
+     style="font-style:normal;font-weight:normal;font-size:12.64062881px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     x="250.27643"
+     y="341.86749"
      id="text4772-9"
      sodipodi:linespacing="125%"><tspan
        sodipodi:role="line"
        id="tspan4774-6"
-       x="246.17432"
-       y="342.62259">Button 4</tspan></text>
+       x="250.27643"
+       y="341.86749">Button 4</tspan></text>
   <g
      transform="translate(-286.65375,134.64484)"
      style="overflow:visible"
@@ -2083,52 +1784,14 @@
          y="206.80026" /></text>
   </g>
   <g
-     style="overflow:visible"
-     id="g4779-3-1-72-5"
-     transform="translate(-233.40535,65.786278)">
-    <g
-       id="g4899-5-1-5-4"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-0-6-2-1"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-0-2-52-69"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-7-3-7-9">Click</tspan>
-      </text>
-    </g>
-  </g>
-  <text
-     xml:space="preserve"
-     style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-     x="324.96576"
-     y="342.62259"
-     id="text4772-50"
-     sodipodi:linespacing="125%"><tspan
-       sodipodi:role="line"
-       id="tspan4774-0"
-       x="324.96576"
-       y="342.62259">Btn 5</tspan></text>
-  <g
-     transform="translate(-218.62225,134.64484)"
-     style="overflow:visible"
-     id="g4336-9-1-6">
+     id="g4471">
     <rect
        style="overflow:visible;opacity:1;fill:#ff00ff;fill-opacity:0.425;fill-rule:nonzero;stroke:none;stroke-width:0.35433072;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
        id="rect5112-4-0-2-1-5-9-2-6-3"
        width="63.779526"
        height="21.259842"
-       x="597.14648"
-       y="170.90128"
+       x="378.52423"
+       y="305.54611"
        rx="3.5433099"
        ry="3.5433097" />
     <rect
@@ -2136,8 +1799,8 @@
        id="rect5112-4-9-5-1-7-9-9-3-3-0-6"
        width="63.779526"
        height="10.629921"
-       x="597.14648"
-       y="213.42093"
+       x="378.52423"
+       y="348.06577"
        rx="3.5433099"
        ry="3.5433097" />
     <rect
@@ -2145,8 +1808,8 @@
        id="rect5112-4-9-5-1-7-7-9-7-62-7-2-2"
        width="63.779526"
        height="10.629921"
-       x="597.14648"
-       y="160.27133"
+       x="378.52423"
+       y="294.91617"
        rx="3.5433099"
        ry="3.5433097" />
     <rect
@@ -2154,58 +1817,42 @@
        id="rect5112-4-9-34-8-6-5-7-8-5-8"
        width="63.779526"
        height="21.259842"
-       x="597.14648"
-       y="192.1611"
+       x="378.52423"
+       y="326.80594"
        rx="3.5433099"
        ry="3.5433097" />
-    <text
-       xml:space="preserve"
-       style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-       x="611.70618"
-       y="206.80026"
-       id="text4768-32"
-       sodipodi:linespacing="125%"><tspan
-         sodipodi:role="line"
-         id="tspan4770-0"
-         x="611.70618"
-         y="206.80026" /></text>
-  </g>
-  <g
-     style="overflow:visible"
-     id="g4779-3-1-72-7"
-     transform="translate(-165.37385,65.786274)">
-    <g
-       id="g4899-5-1-5-3"
-       transform="translate(0.58603635,-1.8627566e-6)">
-      <path
-         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.08661413;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         d="m 555.13376,254.33086 c 0.73711,-0.69498 1.47428,-1.38991 2.21136,-2.08492 0.78121,1.44822 1.56253,2.89639 2.34379,4.3446 0.61167,-0.28692 1.22334,-0.57383 1.83501,-0.86075 -0.73629,-1.40025 -1.47256,-2.8005 -2.20887,-4.20075 1.02129,-0.0189 2.04255,-0.0377 3.06381,-0.0566 -2.41504,-2.42783 -4.83007,-4.85565 -7.2451,-7.28346 0,3.38063 0,6.76126 0,10.1419 z"
-         id="path4608-0-6-2-9"
-         inkscape:connector-curvature="0" />
-      <text
-         y="255.37961"
-         x="564.59619"
-         font-size="19"
-         id="SvgjsText1172-6-0-2-52-8"
-         style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none">
-        <tspan
-           style="text-align:start;text-anchor:start"
-           x="564.59619"
-           id="SvgjsTspan1173-0-7-3-7-1">Click</tspan>
-      </text>
-    </g>
   </g>
   <text
-     xml:space="preserve"
-     style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-     x="393.05865"
-     y="342.62622"
-     id="text4772-4"
-     sodipodi:linespacing="125%"><tspan
-       sodipodi:role="line"
-       id="tspan4774-2"
-       x="393.05865"
-       y="342.62622">Btn 6</tspan></text>
+     sodipodi:linespacing="125%"
+     id="text4768-32"
+     y="341.4451"
+     x="393.08392"
+     style="font-style:normal;font-weight:normal;font-size:14.79448128px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     xml:space="preserve"><tspan
+       y="341.4451"
+       x="393.08392"
+       id="tspan4770-0"
+       sodipodi:role="line" /></text>
+  <g
+     id="g4555"
+     transform="translate(1.7599488,0.08481185)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Scroll</tspan>
+    </text>
+    <path
+       id="rect4501-8"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
   <text
      xml:space="preserve"
      style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
@@ -2216,5 +1863,300 @@
        sodipodi:role="line"
        id="tspan4692"
        x="386.00623"
-       y="339.72635"> </tspan></text>
+       y="339.72635" /></text>
+  <g
+     style="overflow:visible"
+     id="g4555-3"
+     transform="translate(19.334779,67.407623)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-7"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-56"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Scroll</tspan>
+    </text>
+    <path
+       id="rect4501-8-3"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-3-8"
+     transform="translate(87.185883,67.407623)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-7-2"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-56-0"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Move</tspan>
+    </text>
+    <path
+       id="rect4501-8-3-6"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-3-2"
+     transform="translate(-249.08807,67.406837)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-7-0"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-56-9"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Click</tspan>
+    </text>
+    <path
+       id="rect4501-8-3-9"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-3-2-0"
+     transform="translate(-181.44635,67.40683)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-7-0-4"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-56-9-9"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Click</tspan>
+    </text>
+    <path
+       id="rect4501-8-3-9-1"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-3-2-5"
+     transform="translate(-113.80459,67.406829)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-7-0-5"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-56-9-5"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Click</tspan>
+    </text>
+    <path
+       id="rect4501-8-3-9-7"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-6"
+     transform="translate(69.082763,0.08480803)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-3"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-4"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Scroll</tspan>
+    </text>
+    <path
+       id="rect4501-8-6"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-1"
+     transform="translate(203.72845,0.08480803)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-5"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-1"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Scroll</tspan>
+    </text>
+    <path
+       id="rect4501-8-38"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-3-8-4"
+     transform="translate(153.42673,67.407592)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-7-2-0"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-56-0-1"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Move</tspan>
+    </text>
+    <path
+       id="rect4501-8-3-6-8"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-3-8-7"
+     transform="translate(136.61502,0.08480803)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-7-2-2"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-56-0-7"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Move</tspan>
+    </text>
+    <path
+       id="rect4501-8-3-6-3"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-3-8-73"
+     transform="translate(222.46933,67.407623)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-7-2-8"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-56-0-4"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Move</tspan>
+    </text>
+    <path
+       id="rect4501-8-3-6-2"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-3-2-1"
+     transform="translate(-216.41878,134.72965)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-7-0-43"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-56-9-56"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Click</tspan>
+    </text>
+    <path
+       id="rect4501-8-3-9-0"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-3-2-4"
+     transform="translate(-148.3873,134.72965)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-7-0-0"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-56-9-52"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Click</tspan>
+    </text>
+    <path
+       id="rect4501-8-3-9-3"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     style="overflow:visible"
+     id="g4555-3-2-2"
+     transform="translate(-80.355805,134.72964)">
+    <text
+       style="font-size:14.13553333px;font-family:Helvetica;text-anchor:middle;overflow:visible;fill:#ffffff;stroke:none"
+       id="SvgjsText1172-6-0-2-7-0-9"
+       font-size="19"
+       x="481.92413"
+       y="186.52104">
+      <tspan
+         id="SvgjsTspan1173-0-7-3-56-9-4"
+         x="481.92413"
+         style="text-align:start;text-anchor:start">Click</tspan>
+    </text>
+    <path
+       id="rect4501-8-3-9-72"
+       style="overflow:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.03543307;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 471.31578,179.72749 c 0.39516,-0.24819 0.91308,-0.12987 1.16126,0.2653 l 1.01368,1.614 c 0.24818,0.39516 0.12986,0.91309 -0.2653,1.16128 -0.39517,0.24818 -0.9131,0.12986 -1.16128,-0.26531 l -1.01368,-1.61401 c -0.24818,-0.39515 -0.12985,-0.91308 0.26532,-1.16126 z m -0.97438,-5.28575 c -0.57707,0.36687 -0.91165,0.88501 -1.03165,1.40967 -0.12,0.52466 -0.0482,1.04042 0.0816,1.49099 0.22686,0.78692 0.63051,1.38724 0.73419,1.53426 -1.26905,1.13134 -1.57448,3.03346 -0.63876,4.52336 l 2.17947,3.47019 c 1.04439,1.6629 3.22361,2.16127 4.88651,1.11688 1.66291,-1.04439 2.16091,-3.22419 1.11652,-4.88709 l -2.17947,-3.47019 c -0.98284,-1.5649 -2.97033,-2.09666 -4.58713,-1.28368 -0.0651,-0.0939 -0.42294,-0.62524 -0.60725,-1.26456 -0.10114,-0.35101 -0.13908,-0.71294 -0.0687,-1.02066 0.0704,-0.30774 0.22608,-0.57577 0.61885,-0.82548 a 0.4704072,0.4704072 0 1 0 -0.5042,-0.79368 z"
+       inkscape:connector-curvature="0" />
+  </g>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:12.64062881px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     x="318.41592"
+     y="341.86749"
+     id="text4772-9-8"
+     sodipodi:linespacing="125%"><tspan
+       sodipodi:role="line"
+       id="tspan4774-6-0"
+       x="318.41592"
+       y="341.86749">Button 5</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:12.64062881px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     x="386.49988"
+     y="341.87057"
+     id="text4772-9-9"
+     sodipodi:linespacing="125%"><tspan
+       sodipodi:role="line"
+       id="tspan4774-6-5"
+       x="386.49988"
+       y="341.87057">Button 6</tspan></text>
 </svg>