styling

js/navbar.js

@@ -17,6 +17,14 @@ function setupNavBar(){
         $(menuId).show();
     });
 
+    var clearButton = $("#clearAll");
+    clearButton.mouseout(function(){
+        $(this).parent().removeClass("open");
+    });
+
+    //clear canvas
+    clearButton.click(three.clearAll);
+
     function hideAllMenus(){
         allMenus.hide();
         allNavMenuLinks.parent().removeClass("open");//no highlight
@@ -41,7 +49,4 @@ function setupNavBar(){
         return false;
     });
 
-    //clear canvas
-    $("#clearAll").click(three.clearAll);
-
 }
\ No newline at end of file

main.html

@@ -72,7 +72,10 @@
           </ul>
         </li>
        </ul>
-       <a href="#fakelink" id="clearAll" class="navbar-right btn btn-lg btn-primary">Clear All</a>
+        <ul class="nav navbar-nav navbar-right">
+            <li><a id="clearAll" class="menuHoverControls" href="#">Clear All</a></li>
+        </ul>
+       <!--<a href="#fakelink" id="clearAll" class=" btn btn-lg btn-primary">Clear All</a>-->
     </div><!-- /.navbar-collapse -->
   </nav>
 <div id="importGeometry" class="row navMenu">