Button for tiered access aligned, and more description given.

bcgov · Jan 9, 2024 · 893c0e9 · 893c0e9
1 parent a2c1f8a
commit 893c0e9
Showing 1 changed file with 10 additions and 13 deletions.
diff --git a/src/nextapp/components/api-product-item/api-product-item.tsx b/src/nextapp/components/api-product-item/api-product-item.tsx
@@ -82,23 +82,20 @@ const ApiProductItem: React.FC<ApiProductItemProps> = ({
                 </Flex>
                 <Heading size="xs">Limits</Heading>
               </Flex>
-              {data.description && (
-                <Text ml={8} fontSize="sm">
-                  Public access has a rate limit enforced.
-                </Text>
-              )}
               <Text ml={8} fontSize="sm">
-                For elevated access, please{' '}
-                <AccessRequestForm
-                  disabled={false}
-                  id={id}
-                  name={data.name}
-                  preview={preview}
-                  variant="inline"
-                />
+                Public access has a rate limit enforced.
+              </Text>
+              <Text ml={8} fontSize="sm">
+                For elevated access, please request access.
               </Text>
             </GridItem>
           </Grid>
+          <AccessRequestForm
+            disabled={false}
+            id={id}
+            name={data.name}
+            preview={preview}
+          />
         </Flex>
       )}
     </>