flashing ftb, wire up missing button and styling

plugins/atem/template.ejs

@@ -6,8 +6,8 @@
 <% Object.entries(data.video.mixEffects).forEach(([meIndex, state])=>{ %>
     <div class="mixeffect_wrapper" id="me-<%= meIndex %>">
         <h1 class="atem-gray me-label">ME<%= Number(meIndex) + 1 %></h1>
-        <div class="inputs show-small">
-            <h3 class="atem-gray">Inputs</h3>
+        <div class="inputs-container show-small">
+            <h3 class="atem-gray">Preview/Program</h3>
             <div class="source-wrapper">
                 <% Object.values(data.inputs).sort((a,b)=>a.internalPortType<b.internalPortType).forEach((input)=>{ %>
                     <% if ([0,1,2,3,4].includes(input.internalPortType)) { %>
@@ -22,7 +22,7 @@
                 <% }) %>
             </div>
         </div>
-        <div class="program hide-small">
+        <div class="program-container hide-small">
             <h3 class="atem-gray">Program</h3>
             <div class="source-wrapper">
                 <% Object.values(data.inputs).sort((a,b)=>a.internalPortType<b.internalPortType).forEach((input)=>{ %>
@@ -135,7 +135,7 @@
                         </div>
                         
                         <div class="source-wrapper no-wrap clear">
-                            <div id="me-<%= meIndex %>-prevtrans" class="atem-input">
+                            <div id="me-<%= meIndex %>-transition-preview" class="atem-input">
                                 <div class="source-label" style="flex-direction: column;">
                                     <div>PREV</div> <div>TRANS</div>
                                 </div>