spinner center

mentorpal · Oct 15, 2024 · 347a60f · 347a60f
1 parent 3a4ba55
commit 347a60f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/client/src/components/video-panel.tsx b/client/src/components/video-panel.tsx
@@ -78,6 +78,7 @@ function VideoPanel(): JSX.Element {
               key={`${id}-${i}`}
               style={{ display: "inline-block", position: "relative" }}
             >
+              <LoadingSpinner mentor={id} />
               <div
                 style={{ position: "absolute", right: 0, top: 5, zIndex: 2 }}
               >
@@ -102,7 +103,6 @@ function VideoPanel(): JSX.Element {
                 onClick={() => onClick(id)}
               >
                 <VideoThumbnail mentor={id} />
-                <LoadingSpinner mentor={id} />
                 <MessageStatus mentor={id} />
               </button>
             </div>

diff --git a/client/src/styles/layout.css b/client/src/styles/layout.css
@@ -102,9 +102,9 @@ body {
 
 .spinner {
   position: absolute;
-  left: 50%;
-  bottom: 15px;
-  transform: translateX(-50%);
+  top: 25%;
+  left: 25%;
+  transform: translate(-50%, -50%);
 }
 
 .message-notice {