From cae59f6455ffe6795d4f069316807a2a26116eea Mon Sep 17 00:00:00 2001
From: migbash <20924663+migbash@users.noreply.github.com>
Date: Mon, 20 Feb 2023 10:09:31 +0000
Subject: [PATCH] fix: #1060;

---
 .../components/_main_/header/Header.svelte    | 51 ++++++++++---------
 .../page/profile/Modal-ConnectWallet.svelte   |  1 +
 .../page/profile/Modal-DeleteAccount.svelte   |  3 +-
 .../profile/Widget-AccountSettings.svelte     | 19 ++++++-
 .../page/profile/Widget-MenuOpt-Row.svelte    |  2 +
 .../page/profile/Widget-MenuOpt.svelte        |  4 ++
 src/routes/u/[view]/[lang=lang]/+page.svelte  | 16 +++++-
 7 files changed, 68 insertions(+), 28 deletions(-)

diff --git a/src/lib/components/_main_/header/Header.svelte b/src/lib/components/_main_/header/Header.svelte
index 5ef8c8d2a..fb6b26223 100644
--- a/src/lib/components/_main_/header/Header.svelte
+++ b/src/lib/components/_main_/header/Header.svelte
@@ -2197,9 +2197,33 @@ TODO:FIXME: not generating for each LANG
 
 <!-- ===================
 COMPONENT STYLE
-[MOBILE FIRST]
 =================== -->
 <style>
+
+  /* #region */
+
+  #background-area-close {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    z-index: 1000;
+  }
+
+  #background-area-close-inner {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    z-index: 1000;
+  }
+
 	header {
 		background-color: #292929;
 		height: 128px;
@@ -2491,7 +2515,8 @@ COMPONENT STYLE
 	}
 
 	/* 
-	OPT-BOX */
+	OPT-BOX 
+  */
 	.dropdown-opt-box {
 		border-left: 1px solid #4b4b4b;
 		height: 44px;
@@ -2653,27 +2678,5 @@ COMPONENT STYLE
 			background: #292929;
 			border-radius: 4px;
 		}
-
-		#background-area-close {
-			position: absolute;
-			top: 0;
-			bottom: 0;
-			right: 0;
-			left: 0;
-			height: 100%;
-			width: 100%;
-			z-index: 1000;
-		}
-
-		#background-area-close-inner {
-			position: absolute;
-			top: 0;
-			bottom: 0;
-			right: 0;
-			left: 0;
-			height: 100%;
-			width: 100%;
-			z-index: 1000;
-		}
 	}
 </style>
diff --git a/src/lib/components/page/profile/Modal-ConnectWallet.svelte b/src/lib/components/page/profile/Modal-ConnectWallet.svelte
index 474da919f..ac4cb0771 100644
--- a/src/lib/components/page/profile/Modal-ConnectWallet.svelte
+++ b/src/lib/components/page/profile/Modal-ConnectWallet.svelte
@@ -188,6 +188,7 @@ COMPONENT HTML
 		class="
       s-16
       m-b-12
+      w-500
       color-black-2
     "
 	>
diff --git a/src/lib/components/page/profile/Modal-DeleteAccount.svelte b/src/lib/components/page/profile/Modal-DeleteAccount.svelte
index 96a2ab5c5..c36145cda 100644
--- a/src/lib/components/page/profile/Modal-DeleteAccount.svelte
+++ b/src/lib/components/page/profile/Modal-DeleteAccount.svelte
@@ -89,7 +89,8 @@ COMPONENT HTML
 		class="
       s-16
       m-b-12
-      color-black-2
+      w-500
+      color-red-bright
     "
 	>
     {RESPONSE_PROFILE_DATA?.delete_account_title} ?
diff --git a/src/lib/components/page/profile/Widget-AccountSettings.svelte b/src/lib/components/page/profile/Widget-AccountSettings.svelte
index 5ec09e7ee..51ad850d5 100644
--- a/src/lib/components/page/profile/Widget-AccountSettings.svelte
+++ b/src/lib/components/page/profile/Widget-AccountSettings.svelte
@@ -506,6 +506,7 @@ COMPONENT HTML
             s-16
             w-500
             color-black-2
+            m-b-5
           "
           class:m-b-6={mobileExclusive}
         >
@@ -587,7 +588,11 @@ COMPONENT HTML
           [ℹ] name "head" text
           [ℹ] name "required" text
           -->
-          <div class="row-space-start">
+          <div 
+            class="
+              row-space-start
+              m-b-5
+            ">
             <!-- 
             [ℹ] name "head" text
             -->
@@ -671,6 +676,7 @@ COMPONENT HTML
             s-16
             w-500
             color-black-2
+            m-b-5
           "
           class:m-b-6={mobileExclusive}
         >
@@ -706,7 +712,11 @@ COMPONENT HTML
     [ℹ] save settings (button)
     -->
     <button
-      class="btn-primary-v2"
+      class="
+        btn-primary-v2
+        w-500
+        s-14
+      "
       on:click={() => save_settings()}
     >
       {RESPONSE_PROFILE_DATA?.save}
@@ -825,6 +835,7 @@ COMPONENT STYLE
 		padding: 3px 8px;
 		height: 24px;
 		background-color: var(--oragne-pale-bg);
+    color: var(--primary-fade);
 		border-radius: 32px;
 	}
 
@@ -867,5 +878,9 @@ COMPONENT STYLE
   div#account-settings-widget-box.dark-background-1 p.required-pill-tag {
     color: var(--primary-fade)
   }
+
+  div#account-settings-widget-box.dark-background-1 button.btn-hollow.danger {
+    border: 1px solid var(--dark-theme-1-2-shade) !important;
+  }
   
 </style>
diff --git a/src/lib/components/page/profile/Widget-MenuOpt-Row.svelte b/src/lib/components/page/profile/Widget-MenuOpt-Row.svelte
index d29f10b22..a81c14bd7 100644
--- a/src/lib/components/page/profile/Widget-MenuOpt-Row.svelte
+++ b/src/lib/components/page/profile/Widget-MenuOpt-Row.svelte
@@ -232,6 +232,7 @@ COMPONENT HTML
 			<p
 				class="
           w-500
+          s-16
         "
 				class:color-grey={SELECTED_OPT !=
 					MENU_OPT}
@@ -280,6 +281,7 @@ COMPONENT HTML
           menu-opt-not-available
           no-wrap
           color-grey
+          s-12
         "
 			>
 				{RESPONSE_PROFILE_DATA?.soon}
diff --git a/src/lib/components/page/profile/Widget-MenuOpt.svelte b/src/lib/components/page/profile/Widget-MenuOpt.svelte
index 583b6980f..ca804c4c7 100644
--- a/src/lib/components/page/profile/Widget-MenuOpt.svelte
+++ b/src/lib/components/page/profile/Widget-MenuOpt.svelte
@@ -345,4 +345,8 @@ COMPONENT STYLE
 		background-color: var(--dark-theme-1) !important;
 	}
 
+  div#profile-menu-widget-container.dark-background-1 div#dropdown-menu-opt-mobile {
+    background-color: var(--dark-theme-1);
+  }
+
 </style>
diff --git a/src/routes/u/[view]/[lang=lang]/+page.svelte b/src/routes/u/[view]/[lang=lang]/+page.svelte
index 5c1d693b5..b234533a1 100644
--- a/src/routes/u/[view]/[lang=lang]/+page.svelte
+++ b/src/routes/u/[view]/[lang=lang]/+page.svelte
@@ -93,13 +93,14 @@ COMPONENT STYLE
     display: grid;
     max-width: 1430px;
     grid-template-columns: 1fr;
+    padding-top: 0 !important;
+    padding-bottom: 72px !important;
     align-items: start;
   }
 
 	/* page widget layout */
 	div#widget-grid-display {
 		display: grid;
-		margin-top: 24px;
 		gap: 20px;
 		align-items: start;
 	}
@@ -108,6 +109,19 @@ COMPONENT STYLE
     RESPONSIVNESS
   ==================== */
 
+  /* 
+  RESPONSIVE FOR TABLET ONLY (&+) [768px] 
+  */
+	@media only screen and (min-width: 768px) {
+    section#profile-page {
+      padding-top: unset !important;
+    }
+		/* page widget layout */
+		div#widget-grid-display {
+		  margin-top: 24px;
+		}
+	}
+
 	/* 
   RESPONSIVE FOR DESKTOP ONLY (&+) [1440px] 
   */