- {
- languages.label(!track.label.startsWith('http') ? track.label : track.lang)
- }
-
{t(track.origin)}
+
+
+ {
+ languages.label(!track.label.startsWith('http') ? track.label : track.lang)
+ }
+
+
+ { t(track.origin) }
+
{
props.selectedSubtitlesTrackId === track.id || props.selectedExtraSubtitlesTrackId === track.id ?
diff --git a/src/routes/Player/SubtitlesMenu/styles.less b/src/routes/Player/SubtitlesMenu/styles.less
index 9798854cf..d47d6ab75 100644
--- a/src/routes/Player/SubtitlesMenu/styles.less
+++ b/src/routes/Player/SubtitlesMenu/styles.less
@@ -42,7 +42,6 @@
.language-label, .variant-label {
flex: 1;
- max-height: 2.4em;
font-size: 1.1rem;
color: var(--primary-foreground-color);
}
@@ -52,10 +51,6 @@
text-overflow: ellipsis;
}
- .variant-label .variant-origin {
- color: var(--color-placeholder-text);
- }
-
.icon {
flex: none;
width: 0.5rem;
@@ -65,6 +60,26 @@
background-color: var(--secondary-accent-color);
}
}
+
+ .variant-option {
+ height: 4rem;
+
+ .info {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ gap: 0.25rem;
+
+ .variant-label {
+ line-height: 1.5rem;
+ }
+
+ .variant-origin {
+ font-size: 0.9rem;
+ color: var(--color-placeholder-text);
+ }
+ }
+ }
}
}