less hacky fix for spacing + new variable

This commit is contained in:
arctic 2023-01-13 22:46:26 -08:00
parent dbc19f0367
commit f04160f5df
3 changed files with 7 additions and 9 deletions

View file

@ -73,6 +73,7 @@
--ptd-margin-base: 4px; --ptd-margin-base: 4px;
--ptd-avatar-size: 32px; --ptd-avatar-size: 32px;
--ptd-toolbar-height: 56px; --ptd-toolbar-height: 56px;
--ptd-button-spacing: 6px;
/* margins */ /* margins */
--ptd-margin-2x: 8px; --ptd-margin-2x: 8px;
@ -141,12 +142,9 @@ a.avatar {
margin-right: -8px; margin-right: -8px;
} }
.video-info-buttons.pill > .engagement { /* If the "Encryption duh" duplication bug is fixed, remove this rule. */
margin-right: 2px; .new-button.button-encryption + a[title="Encryption duh"] {
} display: none;
.video-info-buttons.pill > div:nth-child(2) > .new-button, .button-encryption {
margin-right: 2px;
} }
.video > .info > .title { .video > .info > .title {
@ -300,7 +298,7 @@ a.avatar {
grid-area: buttons; grid-area: buttons;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
column-gap: 4px; column-gap: var(--ptd-button-spacing);
height: min-content; height: min-content;
width: -moz-fit-content; width: -moz-fit-content;
width: fit-content; width: fit-content;

View file

@ -322,7 +322,7 @@ a.icon-button > img {
color: var(--text-primary); color: var(--text-primary);
justify-content: center; justify-content: center;
align-content: center; align-content: center;
column-gap: 4px; column-gap: var(--ptd-button-spacing);
text-decoration: none; text-decoration: none;
height: 36px; height: 36px;
line-height: 32px; line-height: 32px;

View file

@ -596,7 +596,7 @@ display: block;" autoplay controls
<% if (!video.Channel.Name.endsWith(' - Topic')) { %> <% if (!video.Channel.Name.endsWith(' - Topic')) { %>
<% if (!video.Title.endsWith('Audio)')) { %> <% if (!video.Title.endsWith('Audio)')) { %>
<div class="new-button button-lite" style=";margin-left: -4px;"> <div class="new-button button-lite">
<a title="Low Bandwidth? try PokeTube Lite!" style="color:var(--text-color);text-decoration: none" href="/lite?v=<%=video.id%>"> <a title="Low Bandwidth? try PokeTube Lite!" style="color:var(--text-color);text-decoration: none" href="/lite?v=<%=video.id%>">
<div class="pill-button"> <div class="pill-button">