diff --git a/web/components/config/video-variant-form.tsx b/web/components/config/video-variant-form.tsx index 0830e3d60..3ec73c566 100644 --- a/web/components/config/video-variant-form.tsx +++ b/web/components/config/video-variant-form.tsx @@ -16,7 +16,8 @@ const VIDEO_VARIANT_DEFAULTS = { defaultValue: 24, unit: 'fps', incrementBy: null, - tip: 'Reducing your framerate will decrease the amount of video that needs to be encoded and sent to your viewers, saving CPU and bandwidth at the expense of smoothness. A lower value is generally is fine for most content.', + tip: + 'Reducing your framerate will decrease the amount of video that needs to be encoded and sent to your viewers, saving CPU and bandwidth at the expense of smoothness. A lower value is generally is fine for most content.', }, videoBitrate: { min: 600, @@ -150,7 +151,8 @@ export default function VideoVariantForm({ return (

- Learn more about how each of these settings can impact the performance of your server. + Learn more about how each of these settings + can impact the performance of your server.

@@ -161,7 +163,9 @@ export default function VideoVariantForm({ defaultValue={dataState.cpuUsageLevel} onChange={handleVideoCpuUsageLevelChange} /> -

Read more about CPU usage.

+

+ Read more about CPU usage. +

{/* VIDEO PASSTHROUGH FIELD - currently disabled */} @@ -179,8 +183,9 @@ export default function VideoVariantForm({ {/* VIDEO BITRATE FIELD */}
Video Bitrate

{VIDEO_VARIANT_DEFAULTS.videoBitrate.tip}

@@ -198,7 +203,9 @@ export default function VideoVariantForm({ />

{selectedVideoBRnote()}

-

Read more about bitrates.

+

+ Read more about bitrates. +

@@ -241,7 +248,9 @@ export default function VideoVariantForm({ />

{selectedFramerateNote()}

-

Read more about framerates.

+

+ Read more about framerates. +

diff --git a/web/pages/config-video.tsx b/web/pages/config-video.tsx index d6e3bf39c..a62bfb936 100644 --- a/web/pages/config-video.tsx +++ b/web/pages/config-video.tsx @@ -12,8 +12,10 @@ export default function ConfigVideoSettings() { Video configuration

Before changing your video configuration{' '} - visit the video documentation to learn - how it impacts your stream performance. The general rule is to start conservatively by having one middle quality stream output variant and experiment with adding more of varied qualities. + visit the video documentation to learn how + it impacts your stream performance. The general rule is to start conservatively by having + one middle quality stream output variant and experiment with adding more of varied + qualities.

diff --git a/web/styles/config-video-variants.scss b/web/styles/config-video-variants.scss index 32b29d67b..a0d57711c 100644 --- a/web/styles/config-video-variants.scss +++ b/web/styles/config-video-variants.scss @@ -1,7 +1,6 @@ // styles for Video variant editor (table + modal) .config-video-variants { - .variants-table { margin-top: 2em; } @@ -9,7 +8,6 @@ .variants-table-module { min-width: 400px; } - } // modal content @@ -28,7 +26,6 @@ } } - .variants-table { .actions { display: flex; @@ -36,11 +33,11 @@ justify-content: center; } .delete-button { - margin-left: .5em; - opacity: .8; + margin-left: 0.5em; + opacity: 0.8; } } .read-more-subtext { font-size: 0.8rem; -} \ No newline at end of file +}