From b2d45c33098e3d386102d08ba0b3f5c7f2b801da Mon Sep 17 00:00:00 2001
From: Kubosaka <s223301@stn.nagaokaut.ac.jp>
Date: Fri, 22 Mar 2024 16:23:44 +0900
Subject: [PATCH] =?UTF-8?q?[fix]=E3=83=9C=E3=82=BF=E3=83=B3=E3=81=AE?=
 =?UTF-8?q?=E3=83=87=E3=82=B6=E3=82=A4=E3=83=B3=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sponsoractivities/DetailPage2.tsx         | 100 +++++++++---------
 1 file changed, 49 insertions(+), 51 deletions(-)

diff --git a/view/next-project/src/components/sponsoractivities/DetailPage2.tsx b/view/next-project/src/components/sponsoractivities/DetailPage2.tsx
index c821069bb..72ec940a2 100644
--- a/view/next-project/src/components/sponsoractivities/DetailPage2.tsx
+++ b/view/next-project/src/components/sponsoractivities/DetailPage2.tsx
@@ -161,7 +161,7 @@ const DetailPage2: FC<ModalProps> = (props) => {
                   </button>
                 </div>
                 <div className='w-11/12'>
-                  <div className='my-1 flex flex-wrap justify-center gap-7 '>
+                  <div className='my-1 ml-4 flex flex-wrap justify-center gap-7 '>
                     <div className='flex gap-3'>
                       <p className='text-black-600'>広告の状況</p>
                       <p className='border-b border-primary-1'>
@@ -169,58 +169,56 @@ const DetailPage2: FC<ModalProps> = (props) => {
                       </p>
                     </div>
                   </div>
-                  <div className='flex flex-wrap justify-center'>
-                    {activityInformation?.fileType === 'application/pdf' &&
-                      activityInformation?.fileName && (
-                        <embed
-                          src={fileURLs && fileURLs[index]}
-                          type='application/pdf'
-                          width='200'
-                        />
-                      )}
-                    {activityInformation.fileType !== 'application/pdf' &&
-                      activityInformation.fileName && (
-                        <img
-                          src={fileURLs && fileURLs[index]}
-                          alt='Picture of the author'
-                          width='160'
-                        />
-                      )}
-                  </div>
-                  {activityInformation.fileName !== '' && (
-                    <div className='my-2 flex flex-wrap justify-center gap-2'>
-                      <OutlinePrimaryButton
-                        className='p-1'
-                        onClick={() => {
-                          setEditActivityInformationId(index);
-                          setIsOpen(true);
-                        }}
-                      >
-                        変更
-                      </OutlinePrimaryButton>
-                      <PrimaryButton
-                        onClick={() =>
-                          fileURLs && download(fileURLs[index], activityInformation.fileName || '')
-                        }
-                      >
-                        ダウンロード
-                      </PrimaryButton>
-                    </div>
+                </div>
+              </div>
+              <div className='flex flex-wrap justify-center'>
+                {activityInformation?.fileType === 'application/pdf' &&
+                  activityInformation?.fileName && (
+                    <embed src={fileURLs && fileURLs[index]} type='application/pdf' width='200' />
                   )}
-                  {activityInformation.fileName === '' && (
-                    <div className='my-2 flex flex-wrap justify-center gap-2'>
-                      <OutlinePrimaryButton
-                        className='mx-auto my-2'
-                        onClick={() => {
-                          setEditActivityInformationId(index);
-                          setIsOpen(true);
-                        }}
-                      >
-                        広告登録
-                      </OutlinePrimaryButton>
-                    </div>
+                {activityInformation.fileType !== 'application/pdf' &&
+                  activityInformation.fileName && (
+                    <img
+                      src={fileURLs && fileURLs[index]}
+                      alt='Picture of the author'
+                      width='160'
+                    />
                   )}
-                </div>
+              </div>
+              <div className='my-1 flex flex-wrap justify-center gap-7 '>
+                {activityInformation.fileName !== '' && (
+                  <div className='my-2 flex flex-wrap justify-center gap-2'>
+                    <OutlinePrimaryButton
+                      className='p-1'
+                      onClick={() => {
+                        setEditActivityInformationId(index);
+                        setIsOpen(true);
+                      }}
+                    >
+                      変更
+                    </OutlinePrimaryButton>
+                    <PrimaryButton
+                      onClick={() =>
+                        fileURLs && download(fileURLs[index], activityInformation.fileName || '')
+                      }
+                    >
+                      ダウンロード
+                    </PrimaryButton>
+                  </div>
+                )}
+                {activityInformation.fileName === '' && (
+                  <div className='my-2 flex flex-wrap justify-center gap-2'>
+                    <OutlinePrimaryButton
+                      className='mx-auto my-2'
+                      onClick={() => {
+                        setEditActivityInformationId(index);
+                        setIsOpen(true);
+                      }}
+                    >
+                      広告登録
+                    </OutlinePrimaryButton>
+                  </div>
+                )}
               </div>
             </>
           ))}