Improve response when press menu icon. Remove transition effects on modals

css/src/mobile.css

@@ -352,14 +352,25 @@
     padding: 0;
   }
 
-  a, button, .button, input, textarea, select {
+  a, button, .button, input, textarea, select, .reveal-modal {
     -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
     box-shadow: none !important;
     -webkit-tap-highlight-color:rgba(0,0,0,0);
   }
 
-  .modal.fade, .reveal-modal-bg {
+  .add-wallet .button-setup {
+    border: 1px solid #A5B2BF;
+    border-radius: 5px;
+    color: #7A8C9E;
+    text-align: center;
+    padding: 2rem;
+    margin: 2rem 0;
+    text-transform: uppercase;
+    font-size: 16px;
+  }
+
+  .modal.fade {
     opacity: 1;
   }
 
@@ -373,6 +384,19 @@
   .button.secondary:hover, button.secondary:hover {
     background: #008CC1;
     color: #fff;
+  } 
+
+  .move-right .close-menu {
+    cursor: pointer;
+    box-shadow: none;
+    display: block;
+    position: absolute;
+    background: rgba(255,255,255,.2);
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 1002;
   }
 
   /*******************************************/
@@ -426,6 +450,20 @@
     margin-top: 10px;
   }
 
+  .reveal-modal {
+    border: none;
+  }
+
+  .reveal-modal-bg {
+    position: absolute;
+    height: 0;
+    width: 0;
+    background: none;
+    display: none;
+    top: 0;
+    left: 0;
+  }
+
   /* notifications */
 
   .dr-notification {

index.html

@@ -85,7 +85,7 @@
         <div ng-controller="SidebarController" ng-show="$root.iden && !$root.hideNavigation  && !$root.wpInputFocused">
           <nav class="tab-bar">
             <section class="left-small">
-              <a class="left-off-canvas-toggle menu-icon" ><span></span></a>
+              <a href class="menu-icon" ng-click="openMenu()"><span></span></a>
             </section>
 
               <section class="right-small" 
@@ -129,7 +129,7 @@
           ng-class="{'main':$root.iden && !$root.starting && !$root.hideNavigation  && !$root.wpInputFocused}" 
           ng-view></section> 
 
-        <a class="exit-off-canvas"></a>
+        <a class="close-menu" ng-click="swipe()"></a>
 
       </div>
     </div>

js/controllers/sidebar.js

@@ -117,4 +117,8 @@ angular.module('copayApp.controllers').controller('SidebarController', function(
     });
     $scope.wallets = _.sortBy(ret, 'name');
   };
+
+  $scope.openMenu = function() {
+    go.swipe(true);
+  };
 });

views/settings.html

@@ -67,7 +67,7 @@
           <select class="form-control" ng-model="selectedLogLevel" ng-options="o.name for o in availableLogLevels" required>
           </select>
           <div translate class="small text-gray">
-          Log level shows information on the console. This is useful to find bugs and to help users. 'debug' is the most verbose level while 'fatal' only shows unexpected errors</a>
+          Log level shows information on the console. This is useful to find bugs and to help users. 'debug' is the most verbose level while 'fatal' only shows unexpected errors
           </div>
         </fieldset>
         <button translate type="submit" class="button primary radius expand m0" ng-disabled="settingsForm.$invalid || loading" ng-click="save()">