Geofence modal style touchup (#1721)

smitch88 · web-flow · commit 65e7e620f003 · 2023-07-27T08:01:27.000-07:00
* Fix oeth dapp spacing and rouge border line on ousd modal

* Space adjustment

* Fix styles
diff --git 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
@@ -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
@@ -424,6 +424,7 @@ section.dim {
 
 .modal-content {
   background-color: transparent !important;
+  border: none !important;
 }
 
 @media (max-width: 992px) {

Original file line number	Diff line number	Diff line change
`@@ -167,6 +167,7 @@ const GeoFenceCheck = () => {`
`167`	`167`	`line-height: 23px;`
`168`	`168`	`letter-spacing: 0em;`
`169`	`169`	`text-align: left;`
	`170`	`+ margin-bottom: 24px;`
`170`	`171`	`}`
`171`	`172`
`172`	`173`	`.geofence-modal .info.sub {`
`@@ -179,7 +180,7 @@ const GeoFenceCheck = () => {`
`179`	`180`	`}`
`180`	`181`
`181`	`182`	`.geofence-modal .accept-criteria {`
`182`		`- padding: 12px 24px 12px 24px;`
	`183`	`+ padding: 0;`
`183`	`184`	`border-radius: 4px;`
`184`	`185`	`background-color: #51546633;`
`185`	`186`	`font-family: Inter;`
`@@ -191,7 +192,7 @@ const GeoFenceCheck = () => {`
`191`	`192`	`}`
`192`	`193`
`193`	`194`	`.geofence-modal .accept-criteria .list {`
`194`		`- padding: 0 0 0 24px;`
	`195`	`+ padding: 24px 24px 24px 36px;`
`195`	`196`	`margin: 0;`
`196`	`197`	`}`
`197`	`198`
`@@ -202,7 +203,7 @@ const GeoFenceCheck = () => {`
`202`	`203`	`.geofence-modal .ack {`
`203`	`204`	`display: inline-flex;`
`204`	`205`	`align-items: center;`
`205`		`- margin: 18px 0;`
	`206`	`+ margin: 24px 0;`
`206`	`207`	`}`
`207`	`208`
`208`	`209`	`.geofence-modal .ack .ack-label {`
`@@ -214,6 +215,7 @@ const GeoFenceCheck = () => {`
`214`	`215`	`line-height: 20px;`
`215`	`216`	`letter-spacing: 0em;`
`216`	`217`	`text-align: left;`
	`218`	`+ margin: 0;`
`217`	`219`	`}`
`218`	`220`
`219`	`221`	`.geofence-modal .ack .label-text {`
Original file line number	Diff line number	Diff line change
`@@ -175,7 +175,7 @@ const GeoFenceCheck = () => {`
`175`	`175`	`}`
`176`	`176`
`177`	`177`	`.geofence-modal .accept-criteria {`
`178`		`- padding: 12px 24px 12px 24px;`
	`178`	`+ padding: 0;`
`179`	`179`	`border-radius: 4px;`
`180`	`180`	`background-color: #fafbfc;`
`181`	`181`	`font-family: Lato;`
`@@ -187,7 +187,7 @@ const GeoFenceCheck = () => {`
`187`	`187`	`}`
`188`	`188`
`189`	`189`	`.geofence-modal .accept-criteria .list {`
`190`		`- padding: 0 0 0 24px;`
	`190`	`+ padding: 24px 24px 24px 36px;`
`191`	`191`	`margin: 0;`
`192`	`192`	`}`
`193`	`193`
`@@ -198,7 +198,7 @@ const GeoFenceCheck = () => {`
`198`	`198`	`.geofence-modal .ack {`
`199`	`199`	`display: inline-flex;`
`200`	`200`	`align-items: center;`
`201`		`- margin: 18px 0;`
	`201`	`+ margin: 24px 0;`
`202`	`202`	`}`
`203`	`203`
`204`	`204`	`.geofence-modal .ack .ack-label {`
`@@ -210,6 +210,7 @@ const GeoFenceCheck = () => {`
`210`	`210`	`line-height: 20px;`
`211`	`211`	`letter-spacing: 0em;`
`212`	`212`	`text-align: left;`
	`213`	`+ margin: 0;`
`213`	`214`	`}`
`214`	`215`
`215`	`216`	`.geofence-modal .ack .label-text {`
Original file line number	Diff line number	Diff line change
`@@ -424,6 +424,7 @@ section.dim {`
`424`	`424`
`425`	`425`	`.modal-content {`
`426`	`426`	`background-color: transparent !important;`
	`427`	`+ border: none !important;`
`427`	`428`	`}`
`428`	`429`
`429`	`430`	`@media (max-width: 992px) {`