fix txdetail header

decred · Oct 18, 2019 · a8586f8 · a8586f8
1 parent 3f8c8bf
commit a8586f8
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 18 deletions.
diff --git a/app/style/Layout.less b/app/style/Layout.less
@@ -388,32 +388,60 @@
       margin-right:45px;
     }
   }
-  .tabbed-page-header,
-  .standalone-page-header {
+  .tabbed-page-header {
     height: 82px;
+    padding-top:30px;
+  }
+
+  .standalone-page-header {
+    height: initial;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    position: relative;
+    padding-bottom: 48px;
     padding-top: 30px;
   }    
 
-  .standalone-page.settings-standalone-page .title-header-button {
-    display: none;
-  }  
-
-  .standalone-page.txdetails-standalone-page .description-header{
-    display: block;
-    margin-left: 30px;
-    .tx-details-subtitle {
-      margin-top: 10px;
+  .standalone-page.settings-standalone-page {
+    .title-header-button {
+      display: none;
     }
+    .standalone-page-body {
+      position: relative;
+      padding: 30px 10px 90px 10px;
+      top:initial;
+      overflow-y: initial;
+    }      
   }
 
-  .standalone-page-body {
-    padding: 30px 10px;
-    top: 113px;
-    bottom: 60px;
-  }  
+  .standalone-page.txdetails-standalone-page {
+    .standalone-page-header {
+      padding-bottom:10px;
+    }
+
+    .description-header{
+      display: block;
+      margin-left: 30px;
+      .tx-details-subtitle {
+        margin-top: 10px;
+      }
+    }
+    .standalone-page-body {
+      padding: 0 0 40px 0;
+      position: relative;
+      top:initial;
+      overflow-y: initial;
+    }    
 
+    .tx-details-subtitle {
+      width: 355px;
+    }   
+
   .standalone-page-header > .standalone-page-header-container > .title-header-button {
     position: absolute;
     right: 20px;
+  }    
   }
-}
+
+}
diff --git a/app/style/Settings.less b/app/style/Settings.less
@@ -338,7 +338,7 @@
 @media screen and (max-width: 768px) {
   .settings-wrapper {
     margin-top:0;
-    width: 315px;
+    width: 330px;
     padding: 20px ;
     flex-direction: column;