From ef4b480cf45de68146dbd13db7f383b75f172271 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vladan=20Tomi=C4=87?= <tomic.vladan.mail@gmail.com>
Date: Tue, 3 Oct 2023 13:51:35 +0200
Subject: [PATCH] fix: spinner margin (#322)

---
 src/pages/drive/index.tsx | 73 ++++++++++++++++++++-------------------
 1 file changed, 38 insertions(+), 35 deletions(-)

diff --git a/src/pages/drive/index.tsx b/src/pages/drive/index.tsx
index 0e35b318..7cdf2119 100644
--- a/src/pages/drive/index.tsx
+++ b/src/pages/drive/index.tsx
@@ -270,42 +270,45 @@ const Drive: FC = () => {
         ) : null}
         <Spinner isLoading={loading || !pods} />
 
-        {!loading &&
-          (activePod ? (
-            directories?.length || files?.length ? (
-              <div>
-                {driveView === 'grid' ? (
-                  <DriveGridView
-                    directories={handleSort(
-                      directories?.filter(handleSearchFilter)
-                    )}
-                    files={handleSort(files?.filter(handleSearchFilter))}
-                    directoryOnClick={handleDirectoryOnClick}
-                    fileOnClick={handleFileOnClick}
-                    updateDrive={handleUpdateDrive}
-                  />
-                ) : null}
-
-                {driveView === 'list' ? (
-                  <DriveListView
-                    directories={handleSort(
-                      directories?.filter(handleSearchFilter)
-                    )}
-                    files={handleSort(files?.filter(handleSearchFilter))}
-                    directoryOnClick={handleDirectoryOnClick}
-                    fileOnClick={handleFileOnClick}
-                    updateDrive={handleUpdateDrive}
-                  />
-                ) : null}
-              </div>
+        {!loading && (
+          <div style={{ marginTop: 15 }}>
+            {activePod ? (
+              directories?.length || files?.length ? (
+                <div>
+                  {driveView === 'grid' ? (
+                    <DriveGridView
+                      directories={handleSort(
+                        directories?.filter(handleSearchFilter)
+                      )}
+                      files={handleSort(files?.filter(handleSearchFilter))}
+                      directoryOnClick={handleDirectoryOnClick}
+                      fileOnClick={handleFileOnClick}
+                      updateDrive={handleUpdateDrive}
+                    />
+                  ) : null}
+
+                  {driveView === 'list' ? (
+                    <DriveListView
+                      directories={handleSort(
+                        directories?.filter(handleSearchFilter)
+                      )}
+                      files={handleSort(files?.filter(handleSearchFilter))}
+                      directoryOnClick={handleDirectoryOnClick}
+                      fileOnClick={handleFileOnClick}
+                      updateDrive={handleUpdateDrive}
+                    />
+                  ) : null}
+                </div>
+              ) : (
+                <EmptyDirectoryCard
+                  onUploadClick={() => setShowUploadFileModal(true)}
+                />
+              )
             ) : (
-              <EmptyDirectoryCard
-                onUploadClick={() => setShowUploadFileModal(true)}
-              />
-            )
-          ) : (
-            <PodList pods={pods} onPodSelect={handlePodSelect} />
-          ))}
+              <PodList pods={pods} onPodSelect={handlePodSelect} />
+            )}
+          </div>
+        )}
         {showUploadFileModal && (
           <UploadFileModal
             showModal={showUploadFileModal}