Fix recommended tab style issues
This commit is contained in:
parent
8e2ad8b8ca
commit
e2de9bf9e7
3 changed files with 9 additions and 1 deletions
|
@ -94,6 +94,10 @@
|
||||||
|
|
||||||
.claim-preview__wrapper--small {
|
.claim-preview__wrapper--small {
|
||||||
padding: var(--spacing-s);
|
padding: var(--spacing-s);
|
||||||
|
|
||||||
|
.button--uri-indicator {
|
||||||
|
max-width: 12rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.claim-preview {
|
.claim-preview {
|
||||||
|
|
|
@ -128,10 +128,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.recommended-content__toggles {
|
.recommended-content__toggles {
|
||||||
margin-right: var(--spacing-s);
|
margin-top: var(--spacing-xs);
|
||||||
|
margin-right: var(--spacing-xs);
|
||||||
|
|
||||||
button {
|
button {
|
||||||
padding: 0 var(--spacing-xs);
|
padding: 0 var(--spacing-xs);
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
|
max-width: 15rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -47,6 +47,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.snack-bar__message {
|
.snack-bar__message {
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
|
Loading…
Reference in a new issue