Styling updates

NYPL · Nov 25, 2024 · 4a5e036 · 4a5e036
1 parent 8ec5985
commit 4a5e036
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/components/MyAccount/NewSettings/StatusBanner.tsx b/src/components/MyAccount/NewSettings/StatusBanner.tsx
@@ -26,7 +26,7 @@ const specificFailureContent = (statusMessage: string) => {
       <Link
         sx={{
           color: "ui.link.primary !important",
-          textDecorationColor: "ui.link.primary !important",
+          textDecorationColor: "var(--nypl-colors-ui-link-primary) !important",
           textDecoration: "underline",
         }}
         href="https://www.nypl.org/get-help/contact-us"

diff --git a/src/components/MyAccount/NewSettings/UsernameForm.tsx b/src/components/MyAccount/NewSettings/UsernameForm.tsx
@@ -110,7 +110,10 @@ const UsernameForm = ({ patron, usernameState }: UsernameFormProps) => {
             display: "flex",
             flexDirection: "column-reverse",
             label: {
+              paddingTop: "xxs",
               fontWeight: "400",
+              fontSize: "12px",
+              lineHeight: "150%",
               color: error ? "ui.error.primary" : "ui.black",
             },
           }}
@@ -192,7 +195,12 @@ const UsernameForm = ({ patron, usernameState }: UsernameFormProps) => {
   let content
   if (isLoading) {
     content = (
-      <SkeletonLoader contentSize={2} showImage={false} headingSize={0} />
+      <SkeletonLoader
+        contentSize={2}
+        showImage={false}
+        headingSize={0}
+        sx={{ marginTop: "-s" }}
+      />
     )
   } else if (isEditing) {
     content = editingView