From f47837f550e7e18625295afc2e22a810e062f3a7 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mnvr.in>
Date: Tue, 18 Feb 2025 11:21:34 +0530
Subject: [PATCH] fin visually

---
 web/apps/photos/src/styles/global.css            | 3 +--
 web/packages/gallery/components/viewer/icons.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/web/apps/photos/src/styles/global.css b/web/apps/photos/src/styles/global.css
index fabcbda6d1..b2dc418309 100644
--- a/web/apps/photos/src/styles/global.css
+++ b/web/apps/photos/src/styles/global.css
@@ -147,10 +147,9 @@ body {
     overflow: hidden;
     width: 50px;
     height: 60px;
-    margin-right: auto;
     /* "visibility" is used to toggle visibility, opacity is fixed to be similar
        to that of the loading indicator when it is visible. */
-    opacity: 0.6;
+    opacity: 0.5;
 }
 
 .pswp-ente .pswp__error .pswp__icn {
diff --git a/web/packages/gallery/components/viewer/icons.tsx b/web/packages/gallery/components/viewer/icons.tsx
index 8b6ef33b5f..a021afb96c 100644
--- a/web/packages/gallery/components/viewer/icons.tsx
+++ b/web/packages/gallery/components/viewer/icons.tsx
@@ -17,9 +17,10 @@
 
 const paths = {
     // "@mui/icons-material/InfoOutlined"
-    info: '<path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"',
+    // TODO(PS): This transform is temporary, audit later.
+    info: '<path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8" transform="translate(3.5, 3.5)"',
     // "@mui/icons-material/ErrorOutline"
-    error: '<path d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"',
+    error: '<path d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8" transform="translate(10, 5.7) scale(0.85)"',
 };
 
 /**
@@ -40,7 +41,6 @@ const paths = {
  */
 export const createPSRegisterElementIconHTML = (name: "info") => ({
     isCustomSVG: true,
-    // TODO(PS): This transform is temporary, audit later.
-    inner: `${paths[name]} transform="translate(3.5, 3.5)" id="pswp__icn-${name}"`,
+    inner: `${paths[name]} id="pswp__icn-${name}"`,
     outlineID: `pswp__icn-${name}`,
 });