From 40ab7d1e41fccf207c7854232c19742179b02a02 Mon Sep 17 00:00:00 2001
From: sylenien <nikita@openreplay.com>
Date: Fri, 20 May 2022 15:45:55 +0200
Subject: [PATCH] fix(ui): minor fixes for sesson settings

---
 .../components/shared/SessionSettings/SessionSettings.tsx   | 6 +++---
 .../shared/SessionSettings/components/CaptureRate.tsx       | 2 +-
 .../shared/SessionSettings/components/DefaultTimezone.tsx   | 2 +-
 frontend/app/components/ui/Toggler/toggler.css              | 1 -
 frontend/app/mstore/settingsStore.ts                        | 4 ++--
 5 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/frontend/app/components/shared/SessionSettings/SessionSettings.tsx b/frontend/app/components/shared/SessionSettings/SessionSettings.tsx
index 409ede776..c35086f6a 100644
--- a/frontend/app/components/shared/SessionSettings/SessionSettings.tsx
+++ b/frontend/app/components/shared/SessionSettings/SessionSettings.tsx
@@ -10,10 +10,10 @@ import CaptureRate from './components/CaptureRate';
 function SessionSettings(props) {
     return useObserver(() => (
         <div className="bg-white box-shadow h-screen" style={{ width: '450px'}}>
-            <div className="p-6">
+            <div className="px-6 pt-6">
                 <h1 className="text-2xl">Sessions Settings</h1>
             </div>
-            
+
             <div className="p-6 border-b py-8">
                 <ListingVisibility />
             </div>
@@ -33,4 +33,4 @@ function SessionSettings(props) {
     ));
 }
 
-export default SessionSettings;
\ No newline at end of file
+export default SessionSettings;
diff --git a/frontend/app/components/shared/SessionSettings/components/CaptureRate.tsx b/frontend/app/components/shared/SessionSettings/components/CaptureRate.tsx
index a08d19b2b..04495d51e 100644
--- a/frontend/app/components/shared/SessionSettings/components/CaptureRate.tsx
+++ b/frontend/app/components/shared/SessionSettings/components/CaptureRate.tsx
@@ -36,7 +36,7 @@ function CaptureRate(props) {
                     name="test"
                     onChange={toggleRate}
                 />
-                <span style={{ color: captureAll ? '#000000' : '#999' }}>100%</span>
+                <span className="ml-2" style={{ color: captureAll ? '#000000' : '#999' }}>100%</span>
             </div>
            {!captureAll && (
             <div className="flex items-center">
diff --git a/frontend/app/components/shared/SessionSettings/components/DefaultTimezone.tsx b/frontend/app/components/shared/SessionSettings/components/DefaultTimezone.tsx
index 475ed7fa3..f36406820 100644
--- a/frontend/app/components/shared/SessionSettings/components/DefaultTimezone.tsx
+++ b/frontend/app/components/shared/SessionSettings/components/DefaultTimezone.tsx
@@ -64,7 +64,7 @@ function DefaultTimezone(props) {
         <>
             <h3 className="text-lg">Default Timezone</h3>
             <div className="my-1">Session Time</div>
-            <div className="mt-2 flex items-center" style={{ width: "230px"}}>
+            <div className="mt-2 flex items-center" style={{ width: "265px"}}>
                 <Select
                     options={timezoneOptions}
                     defaultValue={timezone}
diff --git a/frontend/app/components/ui/Toggler/toggler.css b/frontend/app/components/ui/Toggler/toggler.css
index 5b86ec65c..94586659a 100644
--- a/frontend/app/components/ui/Toggler/toggler.css
+++ b/frontend/app/components/ui/Toggler/toggler.css
@@ -41,7 +41,6 @@
   bottom: -2px;
   transition: .4s;
   border-radius: 50%;
-  border: solid 1px rgba(0, 0, 0, 0.2);
   background: inherit;
   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.12);
 }
diff --git a/frontend/app/mstore/settingsStore.ts b/frontend/app/mstore/settingsStore.ts
index d3da8fd10..89bb6df9e 100644
--- a/frontend/app/mstore/settingsStore.ts
+++ b/frontend/app/mstore/settingsStore.ts
@@ -20,7 +20,7 @@ export default class SettingsStore {
                     captureRate: data.rate,
                     captureAll: data.captureAll
                 })
-                toast.success("Capture rate saved successfully");
+                toast.success("Settings updated successfully");
             }).catch(err => {
                 toast.error("Error saving capture rate");
             })
@@ -39,4 +39,4 @@ export default class SettingsStore {
                 this.loadingCaptureRate = false;
             })
     }
-}
\ No newline at end of file
+}