From 5e3bbc09e614df29091f1836ce095af2825ca1a7 Mon Sep 17 00:00:00 2001
From: Iván Ávalos <avalos@disroot.org>
Date: Sat, 11 Dec 2021 17:42:37 -0600
Subject: Improved StatusView layout

---
 modern/src/map/StatusView.js | 23 +++++++++--------------
 1 file changed, 9 insertions(+), 14 deletions(-)

diff --git a/modern/src/map/StatusView.js b/modern/src/map/StatusView.js
index ad6022e..aaf2882 100644
--- a/modern/src/map/StatusView.js
+++ b/modern/src/map/StatusView.js
@@ -14,7 +14,7 @@ import DeleteIcon from '@material-ui/icons/Delete';
 import LinkIcon from '@material-ui/icons/Link';
 
 import {
-  formatPosition, getStatusColor, getBatteryStatus, formatDistance, formatSpeed, formatDate, formatHours,
+  formatSpeed, formatDate, formatHours,
 } from '../common/formatter';
 import { useAttributePreference } from '../common/preferences';
 import RemoveDialog from '../RemoveDialog';
@@ -27,7 +27,7 @@ const useStyles = makeStyles((theme) => ({
   },
   ...theme.palette.colors,
   listItemContainer: {
-    maxWidth: '240px',
+    maxWidth: '300px',
   },
 }));
 
@@ -74,23 +74,18 @@ const StatusView = ({
           <Grid item>
             <List>
               <ListItem classes={{ container: classes.listItemContainer}}>
-                <ListItemText primary={t('positionDatetime')} />
-                <ListItemSecondaryAction>
-                  {formatDate(position.serverTime)}
-                </ListItemSecondaryAction>
+                <ListItemText primary={t('positionDatetime')} secondary={formatDate(position.serverTime)} />
               </ListItem>
               <ListItem classes={{ container: classes.listItemContainer }}>
-                <ListItemText primary={t('positionSpeed')} />
-                <ListItemSecondaryAction>
-                  {formatSpeed(position.speed, speedUnit, t)}
-                </ListItemSecondaryAction>
+                <ListItemText primary={t('positionSpeed')} secondary={formatSpeed(position.speed, speedUnit, t)} />
               </ListItem>
               {position.attributes.hours && (
                 <ListItem classes={{ container: classes.listItemContainer }}>
-                  <ListItemText primary={t('positionHours')} />
-                  <ListItemSecondaryAction>
-                    {formatHours(position.attributes.hours, t)}
-                  </ListItemSecondaryAction>
+                  <ListItemText primary={t('positionHours')} secondary={formatHours(position.attributes.hours, t)} />
+                </ListItem>)}
+              {position.address && (
+                <ListItem classes={{ container: classes.listItemContainer }}>
+                  <ListItemText primary={t('positionAddress')} secondary={position.address} />
                 </ListItem>)}
             </List>
           </Grid>
-- 
cgit v1.2.3