diff --git a/dapp-oeth/src/components/GeoFenceCheck.js b/dapp-oeth/src/components/GeoFenceCheck.js index f1d477f35f..a09019adec 100644 --- a/dapp-oeth/src/components/GeoFenceCheck.js +++ b/dapp-oeth/src/components/GeoFenceCheck.js @@ -167,6 +167,7 @@ const GeoFenceCheck = () => { line-height: 23px; letter-spacing: 0em; text-align: left; + margin-bottom: 24px; } .geofence-modal .info.sub { @@ -179,7 +180,7 @@ const GeoFenceCheck = () => { } .geofence-modal .accept-criteria { - padding: 12px 24px 12px 24px; + padding: 0; border-radius: 4px; background-color: #51546633; font-family: Inter; @@ -191,7 +192,7 @@ const GeoFenceCheck = () => { } .geofence-modal .accept-criteria .list { - padding: 0 0 0 24px; + padding: 24px 24px 24px 36px; margin: 0; } @@ -202,7 +203,7 @@ const GeoFenceCheck = () => { .geofence-modal .ack { display: inline-flex; align-items: center; - margin: 18px 0; + margin: 24px 0; } .geofence-modal .ack .ack-label { @@ -214,6 +215,7 @@ const GeoFenceCheck = () => { line-height: 20px; letter-spacing: 0em; text-align: left; + margin: 0; } .geofence-modal .ack .label-text { diff --git a/dapp/src/components/GeoFenceCheck.js b/dapp/src/components/GeoFenceCheck.js index 6430e68b76..2b58a38899 100644 --- a/dapp/src/components/GeoFenceCheck.js +++ b/dapp/src/components/GeoFenceCheck.js @@ -175,7 +175,7 @@ const GeoFenceCheck = () => { } .geofence-modal .accept-criteria { - padding: 12px 24px 12px 24px; + padding: 0; border-radius: 4px; background-color: #fafbfc; font-family: Lato; @@ -187,7 +187,7 @@ const GeoFenceCheck = () => { } .geofence-modal .accept-criteria .list { - padding: 0 0 0 24px; + padding: 24px 24px 24px 36px; margin: 0; } @@ -198,7 +198,7 @@ const GeoFenceCheck = () => { .geofence-modal .ack { display: inline-flex; align-items: center; - margin: 18px 0; + margin: 24px 0; } .geofence-modal .ack .ack-label { @@ -210,6 +210,7 @@ const GeoFenceCheck = () => { line-height: 20px; letter-spacing: 0em; text-align: left; + margin: 0; } .geofence-modal .ack .label-text { diff --git a/dapp/styles/globals.css b/dapp/styles/globals.css index e49e74b1d1..2c76cc3d27 100644 --- a/dapp/styles/globals.css +++ b/dapp/styles/globals.css @@ -424,6 +424,7 @@ section.dim { .modal-content { background-color: transparent !important; + border: none !important; } @media (max-width: 992px) {