fixes v12

templates/applications/choose-actor.hbs

@@ -1,8 +1,11 @@
-<div class="actor choose flexrow row" style="flex-wrap: wrap;max-height: 100px;justify-content:center;">
+<div class="actor choose grid grid-4col">
     {{#each actorsList as | actor akey|}}
-        <div class="actor rounded-full" data-totem="{{ tk }}" data-id="{{ actor.id }}"  style="position:relative; width:100px;height:100px;">
-            <span class="flexrow w-full flex-group-center flex-align-center" style="position:absolute;z-index:10;width:100px;height:100px;">{{ actor.name }}</span>
-            <img src="{{ actor.img }}" alt="{{ actor.name }}" width="100" height="100" style="position:relative;min-width:100px;" />
-        </div>
+    <div class="actor" data-totem="{{ tk }}"
+        data-actor-id="{{ actor.id }}">
+        <span class="actor-name">{{
+            actor.name }}</span>
+        <img src="{{ actor.img }}" alt="{{ actor.name }}" />
+
+    </div>
     {{/each}}
 </div>

templates/applications/choose-totem.hbs

@@ -1,4 +1,8 @@
-<div class="totem choose grid grid-2col" style="padding:5px;">
+ <iframe src="https://app.syrinscape.com/#/" frameborder="0" width="100%"
+    heihgt="400px"></iframe>
+<div class="totem choose grid grid-2col"
+    style="padding:5px;">
+
     {{#each config.totems as | totem tk|}}
     {{#if (ne tk "human")}}
     {{#if (ne tk "adapted")}}
@@ -29,4 +33,5 @@
     {{/if}}
     {{/if}}
     {{/each}}
-</div>
+
+</div>