PS - Adjusting Public Session login pod for expanded whitelisting

ui/login/account_picker/user_pod_row.css

Index: ui/login/account_picker/user_pod_row.css
diff --git a/ui/login/account_picker/user_pod_row.css b/ui/login/account_picker/user_pod_row.css
index 9390d68921a201dac2d272e9644dae9e513a820c..f4bf5d6573b3f196aa6c1aaf05ab766bf6210c35 100644
--- a/ui/login/account_picker/user_pod_row.css
+++ b/ui/login/account_picker/user_pod_row.css
@@ -699,10 +699,12 @@ html[dir=rtl] .user-type-bubble {
 /**** Public account user pod rules *******************************************/
 
 .pod.public-account.expanded {
+  height: 230px;
   width: 500px;
 }
 
 .pod.public-account.expanded.advanced {
+  height: 280px;
   width: 610px;
 }
 
@@ -711,7 +713,7 @@ html[dir=rtl] .user-type-bubble {
 }
 
 .pod.public-account.expanded .name-container {
-  transform: translateY(-34px);
+  display: none;
 }
 
 .pod.public-account .learn-more-container {
@@ -720,7 +722,7 @@ html[dir=rtl] .user-type-bubble {
 }
 
 .pod.public-account .learn-more {
-  top: 15px;
+  top: 22px;
 }
 
 .expanded-pane {
@@ -740,7 +742,7 @@ html[dir=rtl] .user-type-bubble {
   display: flex;
   flex-direction: column;
   float: right;
-  height: 193px;
+  height: 213px;
   width: 490px;
 }
 
@@ -749,6 +751,7 @@ html[dir=rtl] .user-type-bubble {
 }
 
 .pod.public-account.expanded.advanced .expanded-pane-contents {
+  height: 263px;
   width: 600px;
 }
 
@@ -770,8 +773,12 @@ html[dir=rtl] .expanded-pane-contents {
   white-space: nowrap;
 }
 
+.expanded-pane-container {
+  color: grey;
+}
+
 .reminder {
-  font-weight: bold;
+  margin-top: 20px;
 }
 
 .language-and-input-section {
@@ -814,10 +821,14 @@ html[dir=rtl] .expanded-pane-contents {
 }
 
 .bottom-container {
-  -webkit-margin-start: 10px;
+  -webkit-margin-start: 20px;
+  align-items: center;
   display: flex;
+  flex-direction: row-reverse;
   flex: none;
   font-size: 13px;
+  justify-content: space-between;
+  margin-bottom: 4px;
 }
 
 .expanded-pane-learn-more-container,
@@ -830,6 +841,7 @@ html[dir=rtl] .expanded-pane-contents {
   background-image: url(../../webui/resources/images/business.svg);
   background-size: 18px;
   height: 18px;
+  margin-top: -10px;
   position: relative;
   width: 18px;
 }
@@ -840,12 +852,74 @@ html[dir=rtl] .expanded-pane-contents {
 
 .info {
   flex: auto;
-  margin: 5px 10px;
+  margin: -10px 25px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
+.monitoring-container {
+  margin-top: 35px;
+}
+
+.monitoring-learn-more {
+  color: rgb(49, 106, 197);
+  text-decoration: none;
+}
+
+.monitoring-dialog-container .cr-dialog-shield {
+  background: black;
+  opacity: 0.5;
+}
+
+.monitoring-dialog-container .cr-dialog-buttons {
+  display: none;
+}
+
+.monitoring-dialog-container .cr-dialog-frame {
+  height: 170px;
+  left: -46px;
+  padding: 0px;
+  position: relative;
+  top: -24px;
+  width: 430px;
+}
+
+.monitoring-dialog-container.advanced .cr-dialog-frame {
+  left: -110px;
+  top: 0px;
+}
+
+.monitoring-dialog-container .cr-dialog-close {
+  color: grey;
+  height: 34px;
+  position: absolute;
+  top: 0px;
+  width: 34px;
+}
+
+.monitoring-dialog-container .cr-dialog-title {
+  font-size: 16px;
+  font-weight: bold;
+  left: 20px;
+  position: absolute;
+  top: 15px;
+}
+
+.monitoring-dialog-container .cr-dialog-text {
+  color: grey;
+  font-size: 13px;
+  overflow: visible;
+  position: absolute;
+  top: 20px;
+}
+
+.monitoring-dialog-container .cr-dialog-item {
+  -webkit-margin-start: 42px;
+  display: list-item;
+  margin-bottom: -6px;
+}
+
 .language-and-input-container {
   -webkit-margin-end: 25px;
   flex: none;
@@ -853,9 +927,7 @@ html[dir=rtl] .expanded-pane-contents {
 
 .language-and-input {
   color: rgb(49, 106, 197);
-  position: relative;
   text-decoration: none;
-  top: 4px;
 }
 
 .pod.public-account.expanded.advanced .language-and-input-container {
@@ -863,7 +935,20 @@ html[dir=rtl] .expanded-pane-contents {
 }
 
 .enter-button {
-  font-size: 14px;
+  background-color: rgb(66, 133, 244);
+  color: white;
+  font-size: 12px;
+  text-transform: none;
+}
+
+.enter-button.keyboard-focus {
+  font-weight: normal;
+}
+
+.horizontal-line {
+  border-bottom: 1px double #cccccc;
+  bottom: 8px;
+  position: relative;
 }
 
 /* Animations for the animated ellipsis: */