Misc Mobile Margin patching (#2056)

* pretty email wrap

* fix NuLawLab on small viewsizes

Author: mertbagt

components/AboutPagesCard/AboutPagesCard.tsx

@@ -25,7 +25,7 @@ const AboutPagesCard: FC<PropsWithChildren<{ title: string }>> = ({
   children
 }) => {
   return (
-    <Card className="m-5 rounded-3 bg-white">
+    <Card className="mx-sm-5 mx-xs-3 my-5 rounded-3 bg-white">
       <StyledHeader
         as="h1"
         className="bg-secondary text-white overflow-hidden fs-sm-1 pt-2 pt-sm-3 pb-1 pb-sm-3 ps-4 ps-sm-5 pe-5"

components/shared/CommonComponents.tsx

@@ -1,3 +1,4 @@
+import { PrettyEmailWrap } from "react-pretty-email-wrap"
 import styled from "styled-components"
 import { Container } from "../bootstrap"
 import * as links from "../links"
@@ -15,7 +16,9 @@ export const MemberItem = ({
     <StyledContainer className="py-3 px-4">
       <NameContainer>{name}</NameContainer>
       {email ? (
-        <EmailContainer href={"mailto:" + email}>{email}</EmailContainer>
+        <EmailContainer href={"mailto:" + email}>
+          <PrettyEmailWrap>{email}</PrettyEmailWrap>
+        </EmailContainer>
       ) : null}
       <DescrContainer className="my-3">{descr}</DescrContainer>
     </StyledContainer>

package.json

@@ -125,6 +125,7 @@
     "react-is": "^18.2.0",
     "react-markdown": "^8.0.4",
     "react-overlays": "^5.1.1",
+    "react-pretty-email-wrap": "^0.1.4",
     "react-query": "^3.39.3",
     "react-redux": "^8.0.2",
     "react-select": "^5.2.2",

yarn.lock

@@ -15194,6 +15194,11 @@ react-overlays@^5.1.1:
     uncontrollable "^7.2.1"
     warning "^4.0.3"
 
+react-pretty-email-wrap@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/react-pretty-email-wrap/-/react-pretty-email-wrap-0.1.4.tgz#de78418b6002e192f272114e1ce458bd17bd2ea1"
+  integrity sha512-J/INGlIDT6F9Mzn102IHw2WMdg7RfsoJ5EotlI00sTouJ4vP/GtayAttLgVFngVQX4Q0AQLgdqkhEUrdlRDajA==
+
 react-query@^3.32.1, react-query@^3.39.3:
   version "3.39.3"
   resolved "https://registry.npmjs.org/react-query/-/react-query-3.39.3.tgz"