+
fetch('content'); ?>
diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css
index 32051a766..41fce6aec 100644
--- a/app/webroot/css/co-base.css
+++ b/app/webroot/css/co-base.css
@@ -845,15 +845,25 @@ body.co_people.canvas .titleNavContainer {
#redirect-box {
background-color: #f5f5f5;
border: 1px solid #ddd;
- margin: 1em auto;
- padding: 1em;
+ margin: 0 auto 2em;
+ padding: 1.5em 1em 1.25em;
text-align: center;
- width: 240px;
+ min-width: 240px;
}
#redirect-spinner {
padding: 1em 1em 2em;
position: relative;
}
+.co-redirect-warning {
+ justify-content: center;
+ margin: 2em auto 0;
+ min-width: 240px;
+ border: 1px solid var(--cmg-color-lightgray-006);
+ border-bottom: none;
+}
+.co-redirect-warning .material-icons {
+ color: var(--cmg-color-red-002) !important;
+}
/* SELECT CO */
#fpCoList .co-row {
cursor: pointer;
diff --git a/app/webroot/css/co-responsive.css b/app/webroot/css/co-responsive.css
index dad8a9460..2278f92f2 100644
--- a/app/webroot/css/co-responsive.css
+++ b/app/webroot/css/co-responsive.css
@@ -386,13 +386,20 @@
}
/* REDIRECT PAGE */
#redirect-box {
- margin: 4em auto;
- padding: 2em 2em 1.5em;
- width: 320px;
+ margin: 0 auto 4em;
+ padding: 2em 2em 1.75em;
+ min-width: 320px;
+ max-width: 380px;
}
body.ui-mode-basic #redirect-box {
left: unset;
}
+ .co-redirect-warning {
+ min-width: 320px;
+ max-width: 380px;
+ margin: 4em auto 0;
+ font-size: 1.1em;
+ }
/********************************/
/* My Population - People Index */
/********************************/