diff --git a/web/packages/teleport/src/Support/__snapshots__/Support.story.test.tsx.snap b/web/packages/teleport/src/Support/__snapshots__/Support.story.test.tsx.snap index 51d2b27a5d3ae..81f3030453f1e 100644 --- a/web/packages/teleport/src/Support/__snapshots__/Support.story.test.tsx.snap +++ b/web/packages/teleport/src/Support/__snapshots__/Support.story.test.tsx.snap @@ -22,12 +22,24 @@ exports[`support Cloud 1`] = ` box-sizing: border-box; } +.c23 { + box-sizing: border-box; + margin-top: 32px; +} + .c17 { display: inline-flex; align-items: center; justify-content: center; } +.c24 { + display: inline-flex; + align-items: center; + justify-content: center; + margin-right: 8px; +} + .c7 { overflow: hidden; text-overflow: ellipsis; @@ -64,7 +76,20 @@ exports[`support Cloud 1`] = ` margin: 0px; } -.c28 { +.c25 { + overflow: hidden; + text-overflow: ellipsis; + margin: 0px; +} + +.c26 { + overflow: hidden; + text-overflow: ellipsis; + margin: 0px; + font-weight: 600; +} + +.c33 { overflow: hidden; text-overflow: ellipsis; font-weight: 600; @@ -90,7 +115,7 @@ exports[`support Cloud 1`] = ` justify-content: start; } -.c24 { +.c29 { display: flex; align-items: center; justify-content: space-between; @@ -144,7 +169,7 @@ exports[`support Cloud 1`] = ` padding-left: 40px; } -.c23 { +.c28 { width: 100vw; margin-left: -40px; } @@ -157,11 +182,11 @@ exports[`support Cloud 1`] = ` background: rgba(255,255,255,0.07); } -.c26 { +.c31 { width: 320px; } -.c27 { +.c32 { justify-content: space-between; flex-wrap: wrap; max-width: 70%; @@ -171,7 +196,7 @@ exports[`support Cloud 1`] = ` margin-bottom: 16px; } -.c29 { +.c34 { display: block; color: #FFFFFF; border-radius: 4px; @@ -184,11 +209,15 @@ exports[`support Cloud 1`] = ` line-height: 16px; } -.c29:hover, -.c29:focus { +.c34:hover, +.c34:focus { background: rgba(255,255,255,0.07); } +.c27 { + display: inline; +} + @media screen and (max-width:656px) { .c11 { border: none; @@ -204,7 +233,7 @@ exports[`support Cloud 1`] = ` } @media screen and (max-width:656px) { - .c23 { + .c28 { border-bottom: 1px solid rgba(255,255,255,0.18); } } @@ -217,27 +246,27 @@ exports[`support Cloud 1`] = ` } @media screen and (max-width:656px) { - .c25 { + .c30 { flex-direction: column; align-items: flex-start; } } @media screen and (max-width:656px) { - .c26 { + .c31 { margin-left: 40px; margin-top: 8px; } } @media screen and (max-width:1056px) { - .c27 { + .c32 { max-width: 100%; } } @media screen and (max-width:656px) { - .c27 { + .c32 { flex-direction: column; gap: 16px; margin-bottom: 16px; @@ -354,9 +383,57 @@ exports[`support Cloud 1`] = ` +