fix(14-02): shrink Google button to content width
width: auto on a block element still fills the parent. Use width: max-content so the button wraps its icon + label + padding only. Remove flex-grow: 1 on the label span so it doesn't stretch within the now-natural-width button. Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
6a58b2970a
commit
70fe3848fb
1 changed files with 2 additions and 2 deletions
|
|
@ -284,7 +284,7 @@
|
||||||
box-shadow 0.218s;
|
box-shadow 0.218s;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
width: auto;
|
width: max-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
.gsi-material-button .gsi-material-button-icon {
|
.gsi-material-button .gsi-material-button-icon {
|
||||||
|
|
@ -312,7 +312,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.gsi-material-button .gsi-material-button-contents {
|
.gsi-material-button .gsi-material-button-contents {
|
||||||
flex-grow: 1;
|
flex-grow: 0;
|
||||||
font-family: "Roboto", Arial, sans-serif;
|
font-family: "Roboto", Arial, sans-serif;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue