From 6d83992ff0dbf82d61519407d99e94100ef1f060 Mon Sep 17 00:00:00 2001
From: gingervitis <omqmail@gmail.com>
Date: Sun, 14 Feb 2021 19:04:38 -0800
Subject: [PATCH] style adjustments

---
 web/components/config/cpu-usage.tsx     | 2 ++
 web/components/config/video-latency.tsx | 3 ++-
 web/pages/config-video.tsx              | 4 ++--
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/components/config/cpu-usage.tsx b/web/components/config/cpu-usage.tsx
index fe1e046d6..5b1c7f0b4 100644
--- a/web/components/config/cpu-usage.tsx
+++ b/web/components/config/cpu-usage.tsx
@@ -51,6 +51,7 @@ export default function CPUUsageSelector({ defaultValue, onChange }: Props) {
       </p>
       <div className="segment-slider-container">
         <Slider
+          tooltipVisible={false}
           tipFormatter={value => TOOLTIPS[value]}
           onChange={handleChange}
           min={1}
@@ -59,6 +60,7 @@ export default function CPUUsageSelector({ defaultValue, onChange }: Props) {
           defaultValue={selectedOption}
           value={selectedOption}
         />
+        <p className="selected-value-note">Selected: {TOOLTIPS[selectedOption]}</p>
       </div>
     </div>
   );
diff --git a/web/components/config/video-latency.tsx b/web/components/config/video-latency.tsx
index 78771975c..ab4fa0020 100644
--- a/web/components/config/video-latency.tsx
+++ b/web/components/config/video-latency.tsx
@@ -120,7 +120,7 @@ export default function VideoLatency() {
 
       <div className="segment-slider-container">
         <Slider
-          tipFormatter={value => <SegmentToolTip value={SLIDER_COMMENTS[value]} />}
+          tooltipVisible={false}
           onChange={handleChange}
           min={1}
           max={6}
@@ -128,6 +128,7 @@ export default function VideoLatency() {
           defaultValue={selectedOption}
           value={selectedOption}
         />
+        <p className="selected-value-note">{SLIDER_COMMENTS[selectedOption]}</p>
         <FormStatusIndicator status={submitStatus} />
       </div>
     </div>
diff --git a/web/pages/config-video.tsx b/web/pages/config-video.tsx
index c117d30d1..aa7cf5585 100644
--- a/web/pages/config-video.tsx
+++ b/web/pages/config-video.tsx
@@ -17,12 +17,12 @@ export default function ConfigVideoSettings() {
       </p>
 
       <Row gutter={16}>
-        <Col lg={12}>
+        <Col xl={12}>
           <div className="form-module variants-table-module">
             <VideoVariantsTable />
           </div>
         </Col>
-        <Col lg={12}>
+        <Col xl={12}>
           <div className="form-module latency-module">
             <VideoLatency />
           </div>