From c769b497af320f8c9fb4d42a07f7b49b7585fd4d Mon Sep 17 00:00:00 2001
From: Kevin Ngo <me@ngokevin.com>
Date: Tue, 18 Sep 2018 02:27:46 -0700
Subject: [PATCH] fix some menu alignment (difficulty top align, challenge
 screen not centered)

---
 src/templates/menu.html | 20 ++++++--------------
 1 file changed, 6 insertions(+), 14 deletions(-)

diff --git a/src/templates/menu.html b/src/templates/menu.html
index 50285f6..4cf9fe3 100644
--- a/src/templates/menu.html
+++ b/src/templates/menu.html
@@ -47,38 +47,30 @@
       slice9="width: 2.5; height: 1.4"
       position="0 0 -0.005"></a-entity>
 
-
-
   <a-entity id="searchResultsContainer" position="0 0 0.001"
     animation__toleft="property: position.x;  to: -0.59; dur: 200; easing: easeOutCubic; startEvents: menuchallengeselect"
     animation__toright="property: position.x; to: 0; dur: 200; easing: easeOutCubic; startEvents: menuback"
     proxy-event__divisor1="event: menuchallengeselect; to: #divisor-a"
-    proxy-event__divisor2="event: menuback; to: #divisor-a"
-    >
+    proxy-event__divisor2="event: menuback; to: #divisor-a">
 
     <a-entity id="divisor-a"
       position="0.566 0 -0.0025"
       geometry="primitive:plane; height:1.17; width:0.02"
       material="shader: flat; color: #fff; transparent: true; opacity: 0.0"
       animation__fadein ="property: material.opacity; to: 1.0; startEvents: menuchallengeselect; dur: 200"
-      animation__fadeout="property: material.opacity; to: 0.0; startEvents: menuback; dur: 200"
-      ></a-entity>
+      animation__fadeout="property: material.opacity; to: 0.0; startEvents: menuback; dur: 200"></a-entity>
 
     {{ searchResults() }}
   </a-entity>
 
-  <template id="difficultyOptionTemplate">
-  </template>
   <a-entity id="menuDifficulties"
     bind-for="for: difficulty; in: menuDifficulties"
     bind__visible="!!menuSelectedChallenge.id"
     layout="type: box; columns: 1; marginRow: -0.2; orderAttribute: data-bind-for-key"
     menu-difficulty-select
-    position="0.35 0.180 0"
-    animation__toleft="property: position;  to: 0.195 0.18 0; dur: 200; easing: easeOutCubic; startEvents: menuchallengeselect"
-    animation__toright="property: position; to: 0.35 0.18 0; dur: 200; easing: easeOutCubic; startEvents: menuback"
-
-    >
+    position="0.35 0.52 0"
+    animation__toleft="property: object3D.position.x; to: 0.195; dur: 200; easing: easeOutCubic; startEvents: menuchallengeselect"
+    animation__toright="property: object3D.position.x; to: 0.35; dur: 200; easing: easeOutCubic; startEvents: menuback">
     {% raw %}
       <template>
         <a-entity class="difficultyOption" data-difficulty="{{ difficulty }}">
@@ -100,7 +92,7 @@
   </a-entity>
 
   <a-entity id="menuSelectedChallengePanel" bind__visible="!!menuSelectedChallenge.id"
-            position="0.6 0 0.001">
+            position="0.75 0 0.001">
     <a-entity id="menuSelectedChallengeImage"
               bind__material="src: menuSelectedChallenge.image"
               geometry="primitive: plane; height: 0.2; width: 0.2"