fix(dapp): reduce gap in the auction card (#1067)

* fix: reduce gap in the auction card

* fix: style

---------

Co-authored-by: Marc Espin <mespinsanz@gmail.com>

Author: KeitoTadashi

dapp/src/auctions/components/AuctionPublicItem.tsx

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { Clock, IotaLogoSmall, Loader } from '@iota/apps-ui-icons';
-import { Button, ButtonType, Card, CardType, Divider, DividerType } from '@iota/apps-ui-kit';
+import { Button, ButtonType, Card, CardType } from '@iota/apps-ui-kit';
 import { useCurrentAccount, useIotaClientContext } from '@iota/dapp-kit';
 import { normalizeIotaName } from '@iota/iota-names-sdk';
 import { MouseEvent, useMemo } from 'react';
@@ -127,9 +127,6 @@ export function AuctionPublicItem({ auction, onBidClick }: AuctionPublicItemProp
                 ) : (
                     <ClaimedAuctionBody auction={auction} />
                 )}
-                <div className="my-4">
-                    <Divider type={DividerType.Horizontal} />
-                </div>
                 <AuctionTimeRemaining auction={auction} />
             </NameCardBody>
         </NameCard>

dapp/src/components/name-card/NameCardBody.tsx

@@ -20,7 +20,7 @@ export function NameCardBody({
                 {name}
             </h4>
 
-            <div className="flex flex-col gap-y-md">{children}</div>
+            <div className="flex flex-col gap-y-xs">{children}</div>
         </div>
     );
 }