Update styling of video settings admin page. Closes #2803

web/components/admin/VideoLatency.tsx

@@ -20,9 +20,9 @@ const { Title } = Typography;
 
 const SLIDER_MARKS = {
   0: 'Lowest',
-  1: '',
-  2: '',
-  3: '',
+  1: ' ',
+  2: ' ',
+  3: ' ',
   4: 'Highest',
 };
 

web/pages/admin/config-video.tsx

@@ -27,7 +27,7 @@ export default function ConfigVideoSettings() {
         qualities.
       </p>
 
-      <Row gutter={[16, 16]}>
+      <Row gutter={[45, 16]}>
         <Col md={24} lg={12}>
           <div className="form-module variants-table-module">
             <CurrentVariantsTable />

web/public/styles/admin/config-video-variants.css

@@ -67,3 +67,11 @@
 .video-varient-alert-button-container {
   width: 100vh;
 }
+
+.config-video-latency-container .segment-slider-container .ant-slider-mark-text:first-of-type {
+	margin-left: 20px;
+}
+
+.config-video-latency-container .segment-slider-container .ant-slider-mark-text:last-of-type {
+	left: 95% !important;
+}

web/public/styles/admin/home.css

@@ -105,7 +105,7 @@
 
 .ant-collapse > .ant-collapse-item:last-child,
 .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
-  background-color: var(--theme-color-palette-3);
+  background-color: var(--theme-color-palette-5);
   border-radius: var(--theme-rounded-corners);
 }