web/satellite: fix bucket page guide positioning

This change fixes an issue where the bucket guide goes off screen

see: https://github.com/storj/storj/issues/5086

Change-Id: Idf0718df2ea49b195b649445f60568c35ca856d9
This commit is contained in:
Wilfred Asomani 2022-08-17 09:25:35 +00:00 committed by Storj Robot
parent 418372621c
commit 99dee2daa3

View File

@ -175,12 +175,10 @@ export default class BucketItem extends Vue {
flex-direction: column; flex-direction: column;
align-items: start; align-items: start;
top: 80%; top: 80%;
right: 12px; transform: translateX(-100%);
transform: translateX(-311%);
background-color: #0149ff; background-color: #0149ff;
text-align: center; text-align: center;
border-radius: 8px; border-radius: 8px;
width: 300px;
box-sizing: border-box; box-sizing: border-box;
padding: 20px; padding: 20px;
z-index: 1001; z-index: 1001;
@ -225,6 +223,7 @@ export default class BucketItem extends Vue {
padding: 6px 12px; padding: 6px 12px;
border-radius: 8px; border-radius: 8px;
background-color: white; background-color: white;
margin-left: 10px;
&__label { &__label {
font-weight: 700; font-weight: 700;