Various styling fixes

1 files changed, 11 insertions, 9 deletions

diff --git a/ui/app/css/itcss/components/newui-sections.scss b/ui/app/css/itcss/components/newui-sections.scss
index 5ce4f281c..fc1dba87c 100644
--- a/ui/app/css/itcss/components/newui-sections.scss
+++ b/ui/app/css/itcss/components/newui-sections.scss
@@ -8,9 +8,9 @@ $wallet-view-bg: $wild-sand;
 
 // Main container
 .main-container {
-  position: absolute;
+  // position: absolute;
   z-index: $main-container-z-index;
-  font-family: "DIN OT Light";
+  font-family: Roboto;
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
@@ -70,7 +70,7 @@ $wallet-view-bg: $wild-sand;
   background: rgb(250, 250, 250);
   z-index: $sidebar-z-index;
   position: fixed;
-  top: 41px;
+  // top: 41px;
   left: 0;
   right: 0;
   bottom: 0;
@@ -86,7 +86,9 @@ $wallet-view-bg: $wild-sand;
 .sidebar-overlay {
   z-index: $sidebar-overlay-z-index;
   position: fixed;
-  top: 41px;
+  // top: 41px;
+  height: 100%;
+  width: 100%;
   left: 0;
   right: 0;
   bottom: 0;
@@ -107,7 +109,7 @@ $wallet-view-bg: $wild-sand;
   }
 
   .main-container {
-    margin-top: 6.9vh;
+    // margin-top: 6.9vh;
     width: 85%;
     height: 90vh;
     box-shadow: 0 0 7px 0 rgba(0, 0, 0, .08);
@@ -116,7 +118,7 @@ $wallet-view-bg: $wild-sand;
 
 @media screen and (min-width: 769px) {
   .main-container {
-    margin-top: 6.9vh;
+    // margin-top: 6.9vh;
     width: 80%;
     height: 82vh;
     box-shadow: 0 0 7px 0 rgba(0, 0, 0, .08);
@@ -125,7 +127,7 @@ $wallet-view-bg: $wild-sand;
 
 @media screen and (min-width: 1281px) {
   .main-container {
-    margin-top: 6.9vh;
+    // margin-top: 6.9vh;
     width: 65%;
     height: 82vh;
     box-shadow: 0 0 7px 0 rgba(0, 0, 0, .08);
@@ -142,8 +144,8 @@ $wallet-view-bg: $wild-sand;
   }
 
   .main-container {
-    margin-top: 41px;
-    height: calc(100% - 41px);
+    // margin-top: 41px;
+    height: 100%;
     width: 100%;
     overflow-y: auto;
     background-color: $white;