From f80b9e9caa0035558122cb74e2d8daf13c9184ca Mon Sep 17 00:00:00 2001 From: WolverinDEV Date: Fri, 22 Jan 2021 16:57:08 +0100 Subject: [PATCH] Fixed channel name alignment --- shared/js/tree/Channel.ts | 2 +- shared/js/ui/tree/Channel.scss | 7 ++++++- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/shared/js/tree/Channel.ts b/shared/js/tree/Channel.ts index e2091e53..115eb30d 100644 --- a/shared/js/tree/Channel.ts +++ b/shared/js/tree/Channel.ts @@ -146,7 +146,7 @@ export class ParsedChannelName { this.alignment = "right"; break; case "l": - this.alignment = "center"; + this.alignment = "left"; break; case "c": this.alignment = "center"; diff --git a/shared/js/ui/tree/Channel.scss b/shared/js/ui/tree/Channel.scss index e8a77d41..17049570 100644 --- a/shared/js/ui/tree/Channel.scss +++ b/shared/js/ui/tree/Channel.scss @@ -50,8 +50,13 @@ html:root { max-width: 100%; /* important for the repetitive channel name! */ overflow-x: hidden; + &.align-left { + justify-content: flex-start; + } + &.align-right { - justify-content: right; + justify-content: flex-end; + padding-right: .25em; } &.align-center, &.align-repetitive {