engineering/make_post_sell
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases 2 Packages Wiki Activity Actions

fix: uniform button shape in cinema sidebar

Browse source 
Hamburger, Edit, and Download now all render as the same component
in the cinema sidebar — full column width, same padding (14px 16px),
same font size, same line height. mps-button-small's narrow min-width
was making Edit look like a leftover chip next to the full-width
hamburger and Download buttons; overridden in the cinema sidebar
scope only.

Task-bar grid gap bumped to 8px so hamburger + Edit don't touch
each other, and their nested padding zeroed so spacing lives in
the outer grid gap rather than in mixed inline padding.
This commit is contained in:
russell@unturf.com 2026-04-22 17:24:35 -04:00
parent d6487f8861
commit ba424d537a
1 changed files with 23 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

23
make_post_sell/static/css/common.css
View file

@ -1793,11 +1793,34 @@ section.two-column.cinema-mode.cinema-wide section.product-right section.windows
grid-template-columns: 1fr;
padding: 0;
margin-bottom: 8px;
grid-gap: 8px;
}
section.two-column.cinema-mode.cinema-wide section.product-right section.windows-95-start-button,
section.two-column.cinema-mode.cinema-wide section.product-right section.call-to-action {
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
}
/* Uniform button shape in the cinema sidebar — hamburger, Edit, and
Download all read as the same component: full column width, same
padding, same type, same line height. Override the mps-button-small
shrink on Edit so it matches its siblings instead of looking like
a leftover chip. */
section.two-column.cinema-mode.cinema-wide section.product-right a.mps-button,
section.two-column.cinema-mode.cinema-wide section.product-right button.mps-button {
display: block;
width: 100%;
min-width: 0;
box-sizing: border-box;
padding: 14px 16px;
margin-top: 0;
margin-bottom: 0;
font-size: var(--text-sm, 14px);
line-height: 1.3;
white-space: normal;
text-align: center;
}
/*************************************************************