diff --git a/web/satellite/src/components/accessGrants/steps/GatewayStep.vue b/web/satellite/src/components/accessGrants/steps/GatewayStep.vue
index d8baf92b1..67426ccfe 100644
--- a/web/satellite/src/components/accessGrants/steps/GatewayStep.vue
+++ b/web/satellite/src/components/accessGrants/steps/GatewayStep.vue
@@ -25,11 +25,15 @@
Access Key
-
-
+
+
+
+
+
+
+ The access key ID uniquely identifies your account.
+
+
@@ -44,11 +48,15 @@
Secret Key
-
-
+
+
+
+
+
+
+ Secret access keys are—as the name implies—secrets, like your password.
+
+
@@ -63,11 +71,15 @@
End Point
-
-
+
+
+
+
+
+
+ The service to which you want to establish the connection.
+
+
@@ -312,6 +324,13 @@ export default class GatewayStep extends Vue {
fill: #2683ff;
}
}
+
+ &__message {
+ color: #586c86;
+ font-family: 'font_medium', sans-serif;
+ font-size: 16px;
+ line-height: 18px;
+ }
}
}
diff --git a/web/satellite/src/components/common/GeneratePassphrase.vue b/web/satellite/src/components/common/GeneratePassphrase.vue
index 348ef8639..65607bdc3 100644
--- a/web/satellite/src/components/common/GeneratePassphrase.vue
+++ b/web/satellite/src/components/common/GeneratePassphrase.vue
@@ -18,11 +18,16 @@
@@ -290,6 +295,12 @@ export default class GeneratePassphrase extends Vue {
&__image {
cursor: pointer;
}
+
+ &__message {
+ color: #586c86;
+ font-size: 16px;
+ line-height: 21px;
+ }
}
}
}
@@ -369,9 +380,5 @@ export default class GeneratePassphrase extends Vue {
::v-deep .info__box__message {
min-width: 440px;
-
- &__regular-text {
- line-height: 32px;
- }
}
diff --git a/web/satellite/src/components/common/VInfo.vue b/web/satellite/src/components/common/VInfo.vue
index 2a92e028a..e0742b7a2 100644
--- a/web/satellite/src/components/common/VInfo.vue
+++ b/web/satellite/src/components/common/VInfo.vue
@@ -3,14 +3,13 @@
-
+
-
+
{{ title }}
-
{{ text }}
-
{{ boldText }}
+
false})
@@ -109,19 +106,6 @@ export default class VInfo extends Vue {
margin-bottom: 10px;
}
- &__bold-text,
- &__regular-text {
- color: #586c86;
- font-family: 'font_medium', sans-serif;
- margin: 0;
- font-size: 16px;
- line-height: 18px;
- }
-
- &__regular-text {
- font-family: 'font_regular', sans-serif;
- }
-
&__button {
margin-top: 20px;
}
diff --git a/web/satellite/src/components/header/HeaderArea.vue b/web/satellite/src/components/header/HeaderArea.vue
index 0a18924c2..0d87d611c 100644
--- a/web/satellite/src/components/header/HeaderArea.vue
+++ b/web/satellite/src/components/header/HeaderArea.vue
@@ -28,11 +28,18 @@
v-if="!isOnboardingTour"
class="header-container__right-area__info"
title="Need some help?"
- text="You can always start the onboarding tour and go through all the steps to get you started again."
button-label="START TOUR"
+ is-clickable="true"
:on-button-click="onStartTourButtonClick"
>
-
+
+
+
+
+
+