From a26f6ec50d1610731f10742eb1d9817d26de88d9 Mon Sep 17 00:00:00 2001
From: Abhinav <abhinavk.grd@gmail.com>
Date: Wed, 2 Nov 2022 19:55:22 +0530
Subject: [PATCH] style caption nicely

---
 src/components/PhotoViewer/index.tsx |  4 ++--
 src/styles/global.css                | 15 +++++++++++++++
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/components/PhotoViewer/index.tsx b/src/components/PhotoViewer/index.tsx
index b91a9b298..d725dd9aa 100644
--- a/src/components/PhotoViewer/index.tsx
+++ b/src/components/PhotoViewer/index.tsx
@@ -472,8 +472,8 @@ function PhotoViewer(props: Iprops) {
                             title={constants.NEXT}>
                             <ChevronRight sx={{ pointerEvents: 'none' }} />
                         </button>
-                        <div className="pswp__caption">
-                            <div className="pswp__caption__center" />
+                        <div className="pswp__caption pswp-custom-caption-container">
+                            <div className="pswp-custom-caption"></div>
                         </div>
                     </div>
                 </div>
diff --git a/src/styles/global.css b/src/styles/global.css
index f2d2e6271..93005532c 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -120,6 +120,21 @@ html, body {
     margin-right: 20px;
 }
 
+.pswp-custom-caption {
+    text-align: right;
+    width: 375px;
+    font-size:14px;
+    line-height: 17px;
+}
+
+.pswp-custom-caption-container {
+    width: 100%;
+    display: flex;
+    justify-content: flex-end;
+    bottom: 56px;
+    background-color: transparent !important;
+    padding:16px;
+}
 
 .bg-upload-progress-bar {
     background-color: #51cd7c;