       # use window timeout to delay transition or will not work on android device
       window.setTimeout =>
         @currentPanel.style.webkitTransition = "#{@speed} ease"
-        @currentPanel.style.webkitTransform = "translateX(100%)"
+        @currentPanel.style.webkitTransform = "translateX(200%)"
         @targetPanel.className += " visible"
       , 10
+
+      # shortern the delay here to stop a gap appearing in android
+      window.setTimeout =>
+        @targetPanel.style.webkitTransition = "#{@speed} ease"
+        @targetPanel.style.webkitTransform = "translateX(100%)"
+        @currentPanel.addEventListener("webkitTransitionEnd", =>
+          @finishTransition()
+        , false);
+      , 5
 
     else
       #do forward transition

  isTransitioning: false
  currentPanel: ''
  targetPanel: ''
  pageHistory: [window.location.hash]
  os: {}
  hideUrlBar: false


        @currentPanel.style.webkitTransform = "translateX(-100%)"
      , 10

      # shortern the delay here to stop a gap appearing in android
      window.setTimeout =>

        @targetPanel.style.webkitTransition = "#{@speed} ease"
        @targetPanel.style.webkitTransform = "translateX(100%)"
        @currentPanel.addEventListener("webkitTransitionEnd", =>
          @finishTransition()
        , false);
      , 5

  finishTransition: ->
    @currentPanel.style.webkitTransition = "0s ease"
    @currentPanel.style.left = "-100%"
    @currentPanel.style.display = "none"
    @removeClass(@currentPanel, 'visible')
    @addClass(@targetPanel, 'visible')
    @back = false
    @isTransitioning = false

  fitHeightToContent: ->
