fix(ui): minor fixes for sesson settings

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;
+export default SessionSettings;

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">

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}

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);
 }

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;
             })
     }
-}
+}