Display pointer on deployment status tag

packages/frontend/src/components/projects/create/Configure.tsx

@@ -215,6 +215,13 @@ const Configure = () => {
                     onChange={(event) => onChange(event.target.value)}
                     size="small"
                     displayEmpty
+                    sx={{
+                      fontFamily: 'inherit',
+                      '& .MuiOutlinedInput-notchedOutline': {
+                        borderColor: '#e0e0e0',
+                        borderRadius: '8px',
+                      },
+                    }}
                   >
                     <MenuItem value="LRN">Deployer LRN</MenuItem>
                     <MenuItem value="Auction">Create Auction</MenuItem>

packages/frontend/src/components/projects/project/deployments/DeploymentDetailsCard.tsx

@@ -12,6 +12,7 @@ import {
   DialogTitle,
   DialogContent,
   DialogActions,
+  Tooltip,
 } from '@mui/material';
 
 import { Avatar } from 'components/shared/Avatar';
@@ -104,16 +105,18 @@ const DeploymentDetailsCard = ({
   const renderDeploymentStatus = useCallback(
     (className?: string) => {
       return (
-        <div className={className}>
+        <Tooltip title="Click to view build logs">
-          <Tag
+          <div className={className} style={{ cursor: 'pointer' }}>
-            leftIcon={getIconByDeploymentStatus(deployment.status)}
+            <Tag
-            size="xs"
+              leftIcon={getIconByDeploymentStatus(deployment.status)}
-            type={STATUS_COLORS[deployment.status] ?? 'neutral'}
+              size="xs"
-            onClick={fetchDeploymentLogs}
+              type={STATUS_COLORS[deployment.status] ?? 'neutral'}
-          >
+              onClick={fetchDeploymentLogs}
-            {deployment.status}
+            >
-          </Tag>
+              {deployment.status}
-        </div>
+            </Tag>
+          </div>
+        </Tooltip>
       );
     },
     [deployment.status, deployment.commitHash],

packages/frontend/src/components/projects/project/overview/Activity/AuctionCard.tsx

@@ -130,7 +130,10 @@ export const AuctionCard = ({ project }: { project: Project }) => {
                     Deployer Funds Status
                   </span>
                   <div className="ml-2">
-                    <Tag size="xs" type={fundsStatus ? 'positive' : 'emphasized'}>
+                    <Tag
+                      size="xs"
+                      type={fundsStatus ? 'positive' : 'emphasized'}
+                    >
                       {fundsStatus ? 'RELEASED' : 'LOCKED'}
                     </Tag>
                   </div>