wallet sidebar for mobile

css/src/mobile.css

@@ -25,9 +25,9 @@
 
   .main {
     height: 92%;
-    margin-top: 40px;
+    margin-top: 30px;
     margin-left: 0;
-    margin-bottom: -40px;
+    margin-bottom: -30px;
     padding: 20px 0 80px 0;
   }
 
@@ -53,6 +53,17 @@
     line-height: 110%;
   }
 
+  header h1 {
+    color: #fff;
+    text-align: center;
+  }
+
+  header h1.left-sidebar {
+    margin: 5px 10px;
+    text-align: left;
+    font-size: 16px;
+  }
+
   .col3 a {
     height: 45px;
     padding: 12px 5px;
@@ -63,6 +74,10 @@
     left: 0;
   }
 
+  .right-off-canvas-menu {
+    background-color: #213140 ;
+  }
+
   .left-off-canvas-menu {
     background: #E4E8EC;
     line-height: 24px;
@@ -177,11 +192,6 @@
     margin-left: 0;
     font-size: 14px;
   }
-
-  .top-balance {
-    width: auto;
-    padding: 0 5px;
-  }
   
   a.missing-copayers {
     bottom: -34px;
@@ -204,14 +214,7 @@
 
   .footer-setup {
     margin-bottom: 50px;
-  }
-
-  .side-nav.wallets {
-    padding: 0;
-    height: 100%;
-    left: 0;
-    top: 45px;
-  }
+  } 
 
   ul.off-canvas-list li a:hover {
     background: transparent;
@@ -222,6 +225,18 @@
     padding: 0.15rem 0.2rem;
   }
 
+  .side-nav.wallets {
+    z-index: 100;
+    overflow-y: inherit;
+    position: inherit;
+    height: auto;
+    border-bottom: none;
+  }
+
+  .photo-container {
+    margin-right: 5px;
+  }
+
 }
 
 @media (max-width: 640px) {