make zoomed-in UI usable

Author: kwinto

src/webchat-embed/embedded-webchat-styles.css

@@ -75,7 +75,6 @@
 @media screen and (min-width: 576px) and (max-height: 870px) {
     [data-cognigy-webchat-root] [data-cognigy-webchat] {
 		height: calc(100% - 90px);
-		min-height: 558px;
     }
 }
 

src/webchat-ui/components/WebchatUI.tsx

@@ -202,6 +202,7 @@ const RegularLayoutContentWrapper = styled.div(({ theme }) => ({
 	display: "flex",
 	flexDirection: "column",
 	backgroundColor: theme.white,
+	overflow: "auto",
 
 	"&.slide-in-enter": {
 		transform: "translateX(100%)",

src/webchat-ui/components/presentational/PrivacyNotice.tsx

@@ -15,6 +15,7 @@ const PrivacyNoticeRoot = styled.div(({ theme }) => ({
 	justifyContent: "space-between",
 	alignItems: "center",
 	padding: 20,
+	overflowY: "auto",
 }));
 
 const PrivacyMessage = styled.div(() => ({

src/webchat-ui/components/presentational/chat-options/ChatOptions.tsx

@@ -24,6 +24,7 @@ const ChatOptionsContainer = styled.div(() => ({
 	display: "flex",
 	padding: "0 20px",
 	flexDirection: "column",
+	overflowY: "auto",
 }));
 
 const DividerWrapper = styled.div(() => ({