fixes importants ux issues

css/src/mobile.css

@@ -7,7 +7,7 @@
 @media (max-width: 1024px) {
 
   .logo-setup {
-    margin: 20px 0;
+    margin: 0;
     padding: 2rem 0;
   }
 
@@ -24,11 +24,11 @@
   }
 
   .main {
-    height: 100%;
+    height: 92%;
     margin-top: 40px;
     margin-left: 0;
     margin-bottom: -40px;
-    padding: 20px 0 90px 0;
+    padding: 20px 0 80px 0;
   }
 
   .tab-bar {
@@ -48,6 +48,16 @@
     background: #2C3E50;
   }
 
+  header {
+    height: 45px;
+    line-height: 110%;
+  }
+
+  .col3 a {
+    height: 45px;
+    padding: 12px 5px;
+  }
+
   .left-off-canvas-menu {
     background: #E4E8EC;
     line-height: 24px;
@@ -60,6 +70,14 @@
   .page{
     height:100%;   
   }
+
+  .avatar-wallet {
+    margin-top: 5px;
+    margin-left: 5px;
+    margin-right: 5px;
+    padding: 0.35rem 0.65rem;
+  }
+
   
   .copayers {
     position: relative;
@@ -87,6 +105,7 @@
 
   .tab-bar h1 {
     font-weight: 100;
+    text-align: center;
   }
 
   ul.off-canvas-list li a {
@@ -134,11 +153,11 @@
   }
 
   .left-small {
-    border-right: 1px solid #425568;
+    border-right: none;
   }
 
   .right-small {
-    border-left: 1px solid #425568;
+    border-left: none;
   }
 
   .right-small a {
@@ -189,7 +208,7 @@
     padding: 0;
     height: 100%;
     left: 0;
-    top: 56px;
+    top: 45px;
   }
 
   ul.off-canvas-list li a:hover {