Merge pull request emsesp#2332 from proddy/dev

formatting upgrade button
proddy · Jan 5, 2025 · 6be304f · 6be304f
2 parents bfbd263 + e702b0b
commit 6be304f
Showing 1 changed file with 12 additions and 12 deletions.
diff --git 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 ? (