map: layout adjustments (#3573)

Co-authored-by: Stefano Ricci <[email protected]>
openforis · Sep 20, 2024 · da0f88b · da0f88b
1 parent 9d455e8
commit da0f88b
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 9 deletions.
diff --git a/webapp/components/buttons/ButtonNext.js b/webapp/components/buttons/ButtonNext.js
@@ -4,7 +4,7 @@ import { Button } from './Button'
 
 export const ButtonNext = (props) => {
   const { label = 'common.next' } = props
-  return <Button {...props} iconClassName="icon-arrow-right icon-12px icon-left" label={label} />
+  return <Button {...props} iconClassName="icon-arrow-right icon-12px" label={label} />
 }
 
 ButtonNext.propTypes = {

diff --git a/webapp/components/buttons/ButtonPrevious.js b/webapp/components/buttons/ButtonPrevious.js
@@ -4,7 +4,7 @@ import { Button } from './Button'
 
 export const ButtonPrevious = (props) => {
   const { label = 'common.previous' } = props
-  return <Button {...props} iconClassName="icon-arrow-left icon-12px icon-left" label={label} />
+  return <Button {...props} iconClassName="icon-arrow-left icon-12px" label={label} />
 }
 
 ButtonPrevious.propTypes = {

diff --git a/...p/views/App/views/Data/MapView/CoordinateAttributeDataLayer/CoordinateAttributePopUp.scss b/...p/views/App/views/Data/MapView/CoordinateAttributeDataLayer/CoordinateAttributePopUp.scss
@@ -16,7 +16,7 @@
 
     button {
       margin: 0 0.4rem;
-      padding: 0.6rem 0.6rem;
+      padding: 0.4rem 0.6rem;
       white-space: nowrap;
     }
 

diff --git a/webapp/views/App/views/Data/MapView/MapView.js b/webapp/views/App/views/Data/MapView/MapView.js
@@ -12,7 +12,6 @@ import { useSurvey } from '@webapp/store/survey'
 
 import { useRandomColors } from '@webapp/components/hooks/useRandomColors'
 import { Map } from '@webapp/components/Map'
-import SurveyDefsLoader from '@webapp/components/survey/SurveyDefsLoader'
 
 import { SamplingPointDataLayer } from './SamplingPointDataLayer'
 import { CoordinateAttributeDataLayer } from './CoordinateAttributeDataLayer'
@@ -106,8 +105,4 @@ const MapWrapper = () => {
   )
 }
 
-export const MapView = () => (
-  <SurveyDefsLoader draft={false} requirePublish>
-    <MapWrapper />
-  </SurveyDefsLoader>
-)
+export const MapView = () => <MapWrapper />
diff --git a/webapp/views/App/views/Data/MapView/MapView.scss b/webapp/views/App/views/Data/MapView/MapView.scss
@@ -30,6 +30,11 @@
 
           button {
             margin: 0;
+            height: 2rem;
+          }
+
+          .new-record-btn {
+            width: 20rem;
           }
         }
       }

diff --git a/webapp/views/App/views/Data/MapView/SamplingPointDataLayer/SamplingPointDataItemPopup.js b/webapp/views/App/views/Data/MapView/SamplingPointDataLayer/SamplingPointDataItemPopup.js
@@ -83,6 +83,7 @@ ${itemCodes
         )}
         {canCreateRecord && !recordUuid && (
           <ButtonAdd
+            className="new-record-btn"
             label="mapView.createRecord"
             showLabel
             onClick={() => createRecordFromSamplingPointDataItem({ itemUuid, callback: onRecordCreate })}