diff --git a/web/satellite/src/components/accessGrants/steps/ResultStep.vue b/web/satellite/src/components/accessGrants/steps/ResultStep.vue index 0989767d8..171904ea4 100644 --- a/web/satellite/src/components/accessGrants/steps/ResultStep.vue +++ b/web/satellite/src/components/accessGrants/steps/ResultStep.vue @@ -29,11 +29,22 @@
-

Gateway Credentials (beta)

+

Gateway Credentials

+
+

Gateway MT is currently in Beta

+ + Learn More > + +

Using Gateway Credentials Enables Server-Side Encryption. @@ -325,8 +336,8 @@ export default class ResultStep extends Vue { } &__warning { - padding: 20px; - width: calc(100% - 42px); + padding: 15px; + width: calc(100% - 32px); background: #fff9f7; border: 1px solid #f84b00; border-radius: 8px; @@ -354,7 +365,7 @@ export default class ResultStep extends Vue { } &__grant-area { - margin: 40px 0; + margin: 20px; width: 100%; &__label { @@ -412,8 +423,34 @@ export default class ResultStep extends Vue { &__container { width: 100%; + &__beta { + background-color: #effff9; + border: 1px solid #1a9666; + border-radius: 6px; + display: flex; + align-items: center; + justify-content: space-between; + padding: 12px 20px; + margin-top: 20px; + + &__message { + font-weight: bold; + font-size: 14px; + line-height: 19px; + color: #000; + margin: 0; + } + + &__link { + font-weight: bold; + font-size: 14px; + line-height: 19px; + color: #1a9666; + } + } + &__warning { - margin-top: 30px; + margin-top: 20px; background: #f5f6fa; border-radius: 6px; padding: 40px 50px; @@ -477,7 +514,7 @@ export default class ResultStep extends Vue { } &__done-button { - margin-top: 30px; + margin-top: 20px; } }