From 2155b1a694cc7ce0c4a38864d5c5309b0385db0e Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Wed, 28 May 2025 23:50:04 +0530
Subject: [PATCH] feat: move instructions above

---
 src/components/api/ApiKey.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/api/ApiKey.tsx b/src/components/api/ApiKey.tsx
index c0248907..b02a136f 100644
--- a/src/components/api/ApiKey.tsx
+++ b/src/components/api/ApiKey.tsx
@@ -108,15 +108,15 @@ const ApiKeyManager = () => {
 
   return (
     <Container sx={{ alignSelf: 'flex-start' }}>
-      <Typography variant="h6" gutterBottom component="div" style={{ marginBottom: '20px' }}>
-        {t('apikey.title')}
-      </Typography>
-      <Typography variant="body2" sx={{ marginTop: '20px' }}>
+      <Typography variant="body2" sx={{ marginTop: '10px' }}>
         View and test your API endpoints
         <a href={`${apiUrl}/api-docs/`} target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'none', marginLeft: '5px' }}>
           here
         </a>
       </Typography>
+      <Typography variant="h6" gutterBottom component="div" style={{ marginBottom: '20px' }}>
+        {t('apikey.title')}
+      </Typography>
       {apiKey ? (
         <TableContainer component={Paper} sx={{ width: '100%', overflow: 'hidden' }}>
           <Table>