diff --git a/app/components/AttachFloatingIpModal.tsx b/app/components/AttachFloatingIpModal.tsx index a2022fe94c..671331b535 100644 --- a/app/components/AttachFloatingIpModal.tsx +++ b/app/components/AttachFloatingIpModal.tsx @@ -26,7 +26,7 @@ function FloatingIpLabel({ fip }: { fip: FloatingIp }) { {fip.description && ( <> -
+
{fip.description}
diff --git a/app/components/CapacityBar.tsx b/app/components/CapacityBar.tsx index 39fc075cd7..a9acc848d1 100644 --- a/app/components/CapacityBar.tsx +++ b/app/components/CapacityBar.tsx @@ -34,15 +34,15 @@ export const CapacityBar = ({ const unitElt = includeUnit ? <> {unit} : null return ( -
+
-
+
-
+
@@ -55,9 +55,9 @@ function TitleCell({ icon, title, unit }: TitleCellProps) { return (
- {icon} - {title} - ({unit}) + {icon} + {title} + ({unit})
) @@ -67,8 +67,8 @@ function PctCell({ pct }: { pct: number }) { // NaN happens when both top and bottom are 0 if (Number.isNaN(pct)) { return ( -
-
+
+
%
) @@ -77,7 +77,7 @@ function PctCell({ pct }: { pct: number }) { const [wholeNumber, decimal] = splitDecimal(pct) return (
-
{wholeNumber}
+
{wholeNumber}
{decimal}%
) @@ -87,10 +87,10 @@ function Bar({ pct }: { pct: number }) { return (
-
+
) } @@ -103,9 +103,9 @@ type ValueCellProps = { function ValueCell({ label, value, unit }: ValueCellProps) { return ( -
-
{label}
-
+
+
{label}
+
{unit}
diff --git a/app/components/CapacityBars.tsx b/app/components/CapacityBars.tsx index f5d415cf1c..b78da863ec 100644 --- a/app/components/CapacityBars.tsx +++ b/app/components/CapacityBars.tsx @@ -23,7 +23,7 @@ export const CapacityBars = ({ allocatedLabel: string }) => { return ( -
+
} title="CPU" diff --git a/app/components/CopyCode.tsx b/app/components/CopyCode.tsx index 15187abe37..9e7f303e6c 100644 --- a/app/components/CopyCode.tsx +++ b/app/components/CopyCode.tsx @@ -46,7 +46,7 @@ export function CopyCodeModal({ return ( -
+        
           {children}
         
diff --git a/app/components/DocsPopover.tsx b/app/components/DocsPopover.tsx index 5086597ff6..1ec1e8555c 100644 --- a/app/components/DocsPopover.tsx +++ b/app/components/DocsPopover.tsx @@ -22,14 +22,14 @@ type DocsPopoverLinkProps = { export const DocsPopoverLink = ({ href, linkText }: DocsPopoverLinkProps) => ( -
-
+
+
{linkText} - +
@@ -53,18 +53,18 @@ export const DocsPopover = ({ heading, icon, summary, links }: DocsPopoverProps)
-

-
{icon}
+

+
{icon}
{title}

-

{summary}

+

{summary}

-
-

Guides

+
+

Guides

{links.map((link) => ( ))} diff --git a/app/components/ErrorBoundary.tsx b/app/components/ErrorBoundary.tsx index be419ffa09..00cb74b893 100644 --- a/app/components/ErrorBoundary.tsx +++ b/app/components/ErrorBoundary.tsx @@ -19,7 +19,7 @@ import { ErrorPage, NotFound } from './ErrorPage' const IdpMisconfig = () => ( diff --git a/app/components/ErrorPage.tsx b/app/components/ErrorPage.tsx index 3e6b6522c1..ef2f725b63 100644 --- a/app/components/ErrorPage.tsx +++ b/app/components/ErrorPage.tsx @@ -41,7 +41,7 @@ export function ErrorPage({ children }: Props) {
-
+
diff --git a/app/components/InstanceAutoRestartPopover.tsx b/app/components/InstanceAutoRestartPopover.tsx index 54599937ba..0971d3a312 100644 --- a/app/components/InstanceAutoRestartPopover.tsx +++ b/app/components/InstanceAutoRestartPopover.tsx @@ -112,7 +112,7 @@ export const InstanceAutoRestartPopover = ({ instance }: { instance: Instance }) Instance Auto-Restart - +
@@ -123,7 +123,7 @@ export const InstanceAutoRestartPopover = ({ instance }: { instance: Instance }) const PopoverRow = ({ label, children }: { label: string; children: ReactNode }) => (
{label}
-
+
{children}
diff --git a/app/components/IpPoolUtilization.tsx b/app/components/IpPoolUtilization.tsx index 1a9530e6f1..927b28f263 100644 --- a/app/components/IpPoolUtilization.tsx +++ b/app/components/IpPoolUtilization.tsx @@ -34,13 +34,13 @@ export function IpUtilCell(util: IpPoolUtilization) { return (
- + v4
- + v6 diff --git a/app/components/MswBanner.tsx b/app/components/MswBanner.tsx index 58cf8eec14..d2fdf771e7 100644 --- a/app/components/MswBanner.tsx +++ b/app/components/MswBanner.tsx @@ -49,11 +49,11 @@ export function MswBanner({ disableButton }: Props) { return ( <> {/* The [&+*]:pt-10 style is to ensure the page container isn't pushed out of screen as it uses 100vh for layout */} -