fix(trading): ledger entries table formatting

Signed-off-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

apps/explorer/src/app/routes/validators/validators-page.tsx

@@ -176,25 +176,14 @@ export const ValidatorsPage = () => {
               const validatorName =
                 v.name && v.name.length > 0 ? v.name : truncateMiddle(v.id);
               return (
-                <li className="mb-5" key={v.id}>
+                <li className="mb-5 relative" key={v.id}>
                   <div
                     data-testid="validator-tile"
                     validator-id={v.id}
-                    className="border border-vega-light-200 dark:border-vega-dark-200 rounded p-2 overflow-hidden relative flex gap-2 items-start justify-between"
+                    className="border border-vega-light-200 dark:border-vega-dark-200 rounded p-2 overflow-hidden"
                   >
-                    {v.avatarUrl && (
-                      <div className="w-20">
-                        <ExternalLink href={validatorPage}>
-                          <img
-                            className="w-full"
-                            src={v.avatarUrl}
-                            alt={validatorName}
-                          />
-                        </ExternalLink>
-                      </div>
-                    )}
                     <div className="w-full">
-                      <h2 className="font-alpha text-2xl">
+                      <h2 className="font-alpha text-2xl leading-[60px]">
                         <ExternalLink href={validatorPage}>
                           {validatorName}
                         </ExternalLink>
@@ -315,6 +304,23 @@ export const ValidatorsPage = () => {
                             </div>
                           </div>
                         </KeyValueTableRow>
+                        {v.avatarUrl && (
+                          <KeyValueTableRow>
+                            <div>{t('Avatar')}</div>
+                            <div>
+                              <ExternalLink
+                                href={validatorPage}
+                                className="mx-auto"
+                              >
+                                <img
+                                  className="max-w-[75px] md:max-w-[200px] max-h-[80px]"
+                                  src={v.avatarUrl}
+                                  alt={validatorName}
+                                />
+                              </ExternalLink>
+                            </div>
+                          </KeyValueTableRow>
+                        )}
                       </KeyValueTable>
                     </div>
                   </div>

libs/ledger/src/lib/ledger-table.tsx

@@ -134,6 +134,10 @@ export const LedgerTable = forwardRef<AgGridReact, LedgerEntryProps>(
           headerName={t('Transfer type')}
           field="transferType"
           tooltipField="transferType"
+          filter={SetFilter}
+          filterParams={{
+            set: TransferTypeMapping,
+          }}
           valueFormatter={({
             value,
           }: VegaValueFormatterParams<LedgerEntry, 'transferType'>) =>
@@ -147,14 +151,9 @@ export const LedgerTable = forwardRef<AgGridReact, LedgerEntryProps>(
             value,
             data,
           }: VegaValueFormatterParams<LedgerEntry, 'quantity'>) => {
-            const marketDecimalPlaces = data?.marketSender?.decimalPlaces;
             const assetDecimalPlaces = data?.asset?.decimals || 0;
             return value
-              ? addDecimalsFormatNumber(
-                  value,
-                  assetDecimalPlaces,
-                  marketDecimalPlaces
-                )
+              ? addDecimalsFormatNumber(value, assetDecimalPlaces)
               : value;
           }}
         />
@@ -175,14 +174,9 @@ export const LedgerTable = forwardRef<AgGridReact, LedgerEntryProps>(
             value,
             data,
           }: VegaValueFormatterParams<LedgerEntry, 'fromAccountBalance'>) => {
-            const marketDecimalPlaces = data?.marketSender?.decimalPlaces;
             const assetDecimalPlaces = data?.asset?.decimals || 0;
             return value
-              ? addDecimalsFormatNumber(
-                  value,
-                  assetDecimalPlaces,
-                  marketDecimalPlaces
-                )
+              ? addDecimalsFormatNumber(value, assetDecimalPlaces)
               : value;
           }}
         />
@@ -193,14 +187,9 @@ export const LedgerTable = forwardRef<AgGridReact, LedgerEntryProps>(
             value,
             data,
           }: VegaValueFormatterParams<LedgerEntry, 'toAccountBalance'>) => {
-            const marketDecimalPlaces = data?.marketReceiver?.decimalPlaces;
             const assetDecimalPlaces = data?.asset?.decimals || 0;
             return value
-              ? addDecimalsFormatNumber(
-                  value,
-                  assetDecimalPlaces,
-                  marketDecimalPlaces
-                )
+              ? addDecimalsFormatNumber(value, assetDecimalPlaces)
               : value;
           }}
         />