LF-4691 Fix CSS for padding

LiteFarmOrg · Feb 6, 2025 · 43754f2 · 43754f2
1 parent 4df2984
commit 43754f2
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/packages/webapp/src/components/Sensor/v2/styles.module.scss b/packages/webapp/src/components/Sensor/v2/styles.module.scss
@@ -16,10 +16,10 @@
 @import '../../../assets/mixin.scss';
 
 .wrapper {
-  padding: 34px 8px 0 8px;
+  padding: 34px 32px 0 32px;
 
   @include xs-breakpoint {
-    padding: 24px 0 0 0;
+    padding: 24px 24px 0 24px;
   }
 }
 

diff --git a/packages/webapp/src/containers/LocationDetails/PointDetails/SensorDetail/v2/PostSensor.tsx b/packages/webapp/src/containers/LocationDetails/PointDetails/SensorDetail/v2/PostSensor.tsx
@@ -76,7 +76,9 @@ const PostSensor = ({ history, isCompactSideMenu }: PostSensorProps) => {
         defaultFormValues={defaultFormValues}
         variant={Variant.STEPPER_PROGRESS_BAR}
         onSave={onSave}
-        headerComponent={PageTitle}
+        headerComponent={(props: any) => (
+          <PageTitle classNames={{ wrapper: styles.pageTitle }} {...props} />
+        )}
         showPreviousButton={false}
         formMode="onChange"
         isCompactSideMenu={isCompactSideMenu}

diff --git a/...ges/webapp/src/containers/LocationDetails/PointDetails/SensorDetail/v2/styles.module.scss b/...ges/webapp/src/containers/LocationDetails/PointDetails/SensorDetail/v2/styles.module.scss
@@ -15,5 +15,8 @@
 
 .formWrapper {
   height: 100%;
-  padding: 24px;
+}
+
+.pageTitle {
+  padding: 24px 24px 0 24px;
 }