Put cammie controls in separate div

content/assets/scripts/cammie.coffee

@@ -13,7 +13,7 @@ debounce = (func, wait, initial = () -> ) ->
     initial.apply context, args if callNow
 
 # Display controls when moving mouse
-$ "#cammie-body"
+$ "#cammie-ctrls"
   .mousemove debounce () ->
       $ this
         .removeClass 'display'

content/assets/stylesheets/includes/cammie.scss

@@ -20,6 +20,8 @@
   position: relative;
   height: 100%;
   #cammie-body {
+    height: 100%;
+    #cammie-ctrls {
       display: flex;
       justify-content: space-between;
       flex-direction: column;
@@ -66,4 +68,5 @@
         }
       }
     }
+  }
 }

content/cammie.erb

@@ -30,7 +30,8 @@ title: Cammie
   -->
 
   <div id="cammie-body">
-    <div class="cammie-ctrls top-row row">
+    <div id="cammie-ctrls">
+      <div class="top-row row">
         <div class="column ctrl left" data-x="-10" data-y="10">
           diag up left
         </div>
@@ -42,7 +43,7 @@ title: Cammie
         </div>
       </div>
 
-    <div class="row middle-row cammie-ctrls">
+      <div class="row middle-row">
         <div class="column ctrl left" data-x="-10" data-y="0">
           left
         </div>
@@ -51,7 +52,7 @@ title: Cammie
           right
         </div>
       </div>
-    <div class="row bottom-row cammie-ctrls">
+      <div class="row bottom-row">
         <div class="column ctrl left" data-x="-10" data-y="-10">
           diag down left
         </div>
@@ -63,6 +64,7 @@ title: Cammie
         </div>
       </div>
     </div>
+  </div>
   <!-- Hero footer: will stick at the bottom -->
   <div class="hero-foot">
     <nav class="tabs is-boxed is-fullwidth">