Align view all links with table paddings

Author: buberdds

src/app/components/LearningMaterialsCard/index.tsx

@@ -22,7 +22,7 @@ export const LearningMaterialsCard: FC<LearningMaterialsCardProps> = ({ children
           rel="noopener noreferrer"
           target="_blank"
           textColor="primary"
-          className="font-medium "
+          className="font-medium px-4"
         >
           {t('common.viewAll')}
         </Link>

src/app/pages/ConsensusDashboardPage/AccountsCard.tsx

@@ -34,7 +34,7 @@ export const AccountsCard: FC<{ scope: ConsensusScope }> = ({ scope }) => {
     <Card>
       <div className="flex justify-between items-center mb-4 pr-4 sm:pr-0">
         <Typography variant="h3">{t('account.listTitle')}</Typography>
-        <Link asChild textColor="primary" className="font-medium">
+        <Link asChild textColor="primary" className="font-medium px-4">
           <RouterLink to={RouteUtils.getAccountsRoute(scope.network)}>{t('common.viewAll')}</RouterLink>
         </Link>
       </div>

src/app/pages/ConsensusDashboardPage/LatestConsensusBlocks.tsx

@@ -45,7 +45,7 @@ export const LatestConsensusBlocks: FC<{ scope: ConsensusScope }> = ({ scope })
     <Card sx={{ flex: 1 }}>
       <div className="flex justify-between items-center mb-4 pr-4 sm:pr-0">
         <Typography variant="h3">{t('blocks.latest')}</Typography>
-        <Link asChild className="font-medium" textColor="primary">
+        <Link asChild className="font-medium px-4" textColor="primary">
           <RouterLink to={RouteUtils.getLatestBlocksRoute(scope)}>{t('common.viewAll')}</RouterLink>
         </Link>
       </div>

src/app/pages/ConsensusDashboardPage/LatestConsensusTransactions.tsx

@@ -71,7 +71,7 @@ export const LatestConsensusTransactions: FC<{
             <ConsensusTransactionMethodFilter value={txMethod} setValue={setTxMethod} />
           )}
         </div>
-        <Link asChild className="font-medium" textColor="primary">
+        <Link asChild className="font-medium px-4" textColor="primary">
           <RouterLink to={RouteUtils.getLatestTransactionsRoute(scope)}>{t('common.viewAll')}</RouterLink>
         </Link>
       </div>

src/app/pages/ConsensusDashboardPage/NetworkProposalsCard.tsx

@@ -36,7 +36,7 @@ export const NetworkProposalsCard: FC<{ scope: ConsensusScope }> = ({ scope }) =
     <Card>
       <div className="flex justify-between items-center mb-4 pr-4 sm:pr-0">
         <Typography variant="h3">{t('networkProposal.listTitle')}</Typography>
-        <Link asChild className="font-medium" textColor="primary">
+        <Link asChild className="font-medium px-4" textColor="primary">
           <RouterLink to={RouteUtils.getProposalsRoute(network)}>{t('common.viewAll')}</RouterLink>
         </Link>
       </div>

src/app/pages/ConsensusDashboardPage/Validators.tsx

@@ -58,7 +58,7 @@ export const ValidatorsCard: FC<{ scope: ConsensusScope }> = ({ scope }) => {
           </Typography>
         </ErrorBoundary>
 
-        <Link asChild textColor="primary" className="font-medium">
+        <Link asChild textColor="primary" className="font-medium px-4">
           <RouterLink to={RouteUtils.getValidatorsRoute(scope.network)}>{t('common.viewAll')}</RouterLink>
         </Link>
       </div>

src/app/pages/ParatimeDashboardPage/LatestRoflApps.tsx

@@ -34,7 +34,7 @@ export const LatestRoflApps: FC<{ scope: RuntimeScope }> = ({ scope }) => {
     <Card>
       <div className="flex justify-between items-center mb-4 pr-4 sm:pr-0">
         <Typography variant="h3">{t('rofl.listTitle')}</Typography>
-        <Link asChild className="font-medium" textColor="primary">
+        <Link asChild className="font-medium px-4" textColor="primary">
           <RouterLink to={RouteUtils.getRoflAppsRoute(scope.network)}>{t('common.viewAll')}</RouterLink>
         </Link>
       </div>

src/app/pages/ParatimeDashboardPage/LatestRuntimeBlocks.tsx

@@ -47,7 +47,7 @@ export const LatestRuntimeBlocks: FC<{ scope: RuntimeScope }> = ({ scope }) => {
     <Card sx={{ width: '100%' }}>
       <div className="flex justify-between items-center mb-4 pr-4 sm:pr-0">
         <Typography variant="h3">{t('blocks.latest')}</Typography>
-        <Link asChild className="font-medium" textColor="primary">
+        <Link asChild className="font-medium px-4" textColor="primary">
           <RouterLink to={RouteUtils.getLatestBlocksRoute(scope)}>{t('common.viewAll')}</RouterLink>
         </Link>
       </div>

src/app/pages/ParatimeDashboardPage/LatestRuntimeTransactions.tsx

@@ -71,7 +71,7 @@ export const LatestRuntimeTransactions: FC<{
             <RuntimeTransactionMethodFilter layer={layer} value={txMethod} setValue={setTxMethod} />
           )}
         </div>
-        <Link asChild className="font-medium" textColor="primary">
+        <Link asChild className="font-medium px-4" textColor="primary">
           <RouterLink to={RouteUtils.getLatestTransactionsRoute(scope)}>{t('common.viewAll')}</RouterLink>
         </Link>
       </div>

src/app/pages/ParatimeDashboardPage/TopTokens.tsx

@@ -35,7 +35,7 @@ export const TopTokens: FC<{ scope: RuntimeScope }> = ({ scope }) => {
     <Card>
       <div className="flex justify-between items-center mb-4 pr-4 sm:pr-0">
         <Typography variant="h3">{t('common.tokens')}</Typography>
-        <Link asChild className="font-medium" textColor="primary">
+        <Link asChild className="font-medium px-4" textColor="primary">
           <RouterLink to={RouteUtils.getTopTokensRoute(scope)}>{t('common.viewAll')}</RouterLink>
         </Link>
       </div>