From e702b0b7331b6e800328947e3a499ca02ced8ab7 Mon Sep 17 00:00:00 2001
From: proddy <paul@derbyshire.nl>
Date: Sun, 5 Jan 2025 22:45:48 +0100
Subject: [PATCH] formatting upgrade button

---
 interface/src/app/settings/Version.tsx | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/interface/src/app/settings/Version.tsx b/interface/src/app/settings/Version.tsx
index f54e03dd4..0f4067105 100644
--- a/interface/src/app/settings/Version.tsx
+++ b/interface/src/app/settings/Version.tsx
@@ -234,10 +234,10 @@ const Version = () => {
               alignItems: 'baseline'
             }}
           >
-            <Grid size={4}>
+            <Grid size={{ xs: 4, md: 2 }}>
               <Typography color="secondary">{LL.VERSION()}</Typography>
             </Grid>
-            <Grid size={8}>
+            <Grid size={{ xs: 8, md: 10 }}>
               <Typography>
                 {data.emsesp_version}
                 {data.build_flags && (
@@ -248,17 +248,17 @@ const Version = () => {
               </Typography>
             </Grid>
 
-            <Grid size={4}>
+            <Grid size={{ xs: 4, md: 2 }}>
               <Typography color="secondary">Platform</Typography>
             </Grid>
-            <Grid size={8}>
+            <Grid size={{ xs: 8, md: 10 }}>
               <Typography>{getPlatform()}</Typography>
             </Grid>
 
-            <Grid size={4}>
+            <Grid size={{ xs: 4, md: 2 }}>
               <Typography color="secondary">Release Type</Typography>
             </Grid>
-            <Grid size={8}>
+            <Grid size={{ xs: 8, md: 10 }}>
               <Typography>
                 {data.emsesp_version.includes('dev')
                   ? LL.DEVELOPMENT()
@@ -280,29 +280,29 @@ const Version = () => {
               alignItems: 'baseline'
             }}
           >
-            <Grid size={4}>
+            <Grid size={{ xs: 4, md: 2 }}>
               <Typography color="secondary">{LL.STABLE()}</Typography>
             </Grid>
-            <Grid size={4}>
+            <Grid size={{ xs: 8, md: 10 }}>
               <Typography>
                 <Link target="_blank" href={STABLE_RELNOTES_URL} color="primary">
                   {latestVersion}
                 </Link>
+                &nbsp;&nbsp;{!usingDevVersion && showButtons()}
               </Typography>
             </Grid>
-            <Grid size={4}>{!usingDevVersion && showButtons()}</Grid>
 
-            <Grid size={4}>
+            <Grid size={{ xs: 4, md: 2 }}>
               <Typography color="secondary">{LL.DEVELOPMENT()}</Typography>
             </Grid>
-            <Grid size={4}>
+            <Grid size={{ xs: 8, md: 10 }}>
               <Typography>
                 <Link target="_blank" href={DEV_RELNOTES_URL} color="primary">
                   {latestDevVersion}
                 </Link>
+                &nbsp;&nbsp;{usingDevVersion && showButtons()}
               </Typography>
             </Grid>
-            <Grid size={4}>{usingDevVersion && showButtons()}</Grid>
           </Grid>
 
           {internetLive ? (