Various UI fixes (#11512)

ui/components/app/gas-customization/gas-modal-page-container/index.scss

@@ -36,7 +36,7 @@
       color: #4eade7;
       position: absolute;
       font-size: 0.75rem;
-      top: 4px;
+      top: 8px;
       right: 16px;
       cursor: pointer;
       overflow: hidden;

ui/components/app/modals/account-modal-container/index.scss

@@ -34,7 +34,7 @@
     color: $dusty-gray;
     position: absolute;
     cursor: pointer;
-    top: 10px;
+    top: -10px;
     right: 12px;
 
     &::after {

ui/components/app/modals/export-private-key-modal/index.scss

@@ -84,6 +84,8 @@
     display: flex;
     flex-direction: row;
     justify-content: center;
+    width: 100%;
+    padding: 0 25px;
   }
 
   &__button {

ui/pages/add-token/token-list/token-list-placeholder/index.scss

@@ -4,13 +4,17 @@
   padding-top: 36px;
   flex-direction: column;
   line-height: 22px;
-  opacity: 0.5;
+
+  img {
+    opacity: 0.5;
+  }
 
   &__text {
     color: $silver-chalice;
     width: 50%;
     text-align: center;
     margin-top: 8px;
+    opacity: 0.5;
 
     @media screen and (max-width: 575px) {
       width: 60%;

ui/pages/create-account/import-account/index.scss

@@ -14,6 +14,10 @@
   align-items: center;
   padding: 0 30px 30px;
 
+  @media screen and (max-width: $break-small) {
+    padding: 0 22px 22px;
+  }
+
   &__select-section {
     display: flex;
     justify-content: space-between;

ui/pages/settings/index.scss

@@ -52,8 +52,7 @@
   }
 
   &__subheader--break {
-    margin-right: 4px;
-    padding-right: 4px;
+    margin-inline-start: 4px;
   }
 
   &__sub-header {

ui/pages/settings/settings.component.js

@@ -121,7 +121,7 @@ class SettingsPage extends PureComponent {
     } else if (initialBreadCrumbKey) {
       subheaderText = t(initialBreadCrumbKey);
     } else {
-      subheaderText = t(pathnameI18nKey || 'general');
+      subheaderText = t(pathnameI18nKey || 'contacts');
     }
 
     return (