fix(live-14331): align in middle the network down error (#8281)

fix: align middle network

chore: changeset

.changeset/three-gifts-arrive.md

@@ -0,0 +1,5 @@
+---
+"ledger-live-desktop": patch
+---
+
+fix css for error page

apps/ledger-live-desktop/src/renderer/screens/exchange/Swap2/Form/SwapWebViewDemo3.tsx

@@ -4,21 +4,36 @@ import { LiveAppManifest } from "@ledgerhq/live-common/platform/types";
 import { handlers as loggerHandlers } from "@ledgerhq/live-common/wallet-api/CustomLogger/server";
 import { getEnv } from "@ledgerhq/live-env";
 
+import { getNodeApi } from "@ledgerhq/coin-evm/api/node/index";
+import { getMainAccount, getParentAccount } from "@ledgerhq/live-common/account/helpers";
+import { getAccountBridge } from "@ledgerhq/live-common/bridge/impl";
+import { useSwapLiveConfig } from "@ledgerhq/live-common/exchange/swap/hooks/live-app-migration/useSwapLiveConfig";
+import { getAbandonSeedAddress } from "@ledgerhq/live-common/exchange/swap/hooks/useFromState";
+import {
+  convertToAtomicUnit,
+  convertToNonAtomicUnit,
+  getCustomFeesPerFamily,
+} from "@ledgerhq/live-common/exchange/swap/webApp/utils";
 import {
   accountToWalletAPIAccount,
   getAccountIdFromWalletAccountId,
 } from "@ledgerhq/live-common/wallet-api/converters";
+import { Account, AccountLike, SubAccount, SwapOperation } from "@ledgerhq/types-live";
 import BigNumber from "bignumber.js";
 import React, { useEffect, useMemo, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
 import { useDispatch, useSelector } from "react-redux";
+import { useLocation } from "react-router";
 import styled from "styled-components";
+import { updateAccountWithUpdater } from "~/renderer/actions/accounts";
 import { track } from "~/renderer/analytics/segment";
 import { Web3AppWebview } from "~/renderer/components/Web3AppWebview";
 import { initialWebviewState } from "~/renderer/components/Web3AppWebview/helpers";
 import { WebviewAPI, WebviewProps, WebviewState } from "~/renderer/components/Web3AppWebview/types";
 import { TopBar } from "~/renderer/components/WebPlatformPlayer/TopBar";
 import { usePTXCustomHandlers } from "~/renderer/components/WebPTXPlayer/CustomHandlers";
 import { context } from "~/renderer/drawers/Provider";
+import { NetworkStatus, useNetworkStatus } from "~/renderer/hooks/useNetworkStatus";
 import useTheme from "~/renderer/hooks/useTheme";
 import logger from "~/renderer/logger";
 import { flattenAccountsSelector } from "~/renderer/reducers/accounts";
@@ -29,30 +44,15 @@ import {
   languageSelector,
   shareAnalyticsSelector,
 } from "~/renderer/reducers/settings";
+import { walletSelector } from "~/renderer/reducers/wallet";
 import { captureException } from "~/sentry/renderer";
-import WebviewErrorDrawer from "./WebviewErrorDrawer/index";
-import { getMainAccount, getParentAccount } from "@ledgerhq/live-common/account/helpers";
-import { getAccountBridge } from "@ledgerhq/live-common/bridge/impl";
-import { useSwapLiveConfig } from "@ledgerhq/live-common/exchange/swap/hooks/live-app-migration/useSwapLiveConfig";
-import { getAbandonSeedAddress } from "@ledgerhq/live-common/exchange/swap/hooks/useFromState";
-import {
-  convertToAtomicUnit,
-  convertToNonAtomicUnit,
-  getCustomFeesPerFamily,
-} from "@ledgerhq/live-common/exchange/swap/webApp/utils";
-import { useTranslation } from "react-i18next";
-import { useLocation } from "react-router";
-import { NetworkStatus, useNetworkStatus } from "~/renderer/hooks/useNetworkStatus";
-import { getNodeApi } from "@ledgerhq/coin-evm/api/node/index";
 import {
   transformToBigNumbers,
   useGetSwapTrackingProperties,
   useRedirectToSwapHistory,
 } from "../utils/index";
 import FeesDrawerLiveApp from "./FeesDrawerLiveApp";
-import { walletSelector } from "~/renderer/reducers/wallet";
-import { Account, AccountLike, SubAccount, SwapOperation } from "@ledgerhq/types-live";
-import { updateAccountWithUpdater } from "~/renderer/actions/accounts";
+import WebviewErrorDrawer from "./WebviewErrorDrawer/index";
 export class UnableToLoadSwapLiveError extends Error {
   constructor(message: string) {
     const name = "UnableToLoadSwapLiveError";
@@ -90,6 +90,7 @@ export type SwapWebProps = {
 };
 
 const SwapWebAppWrapper = styled.div`
+  display: flex;
   width: 100%;
   flex: 1;
 `;