Avoid offline specific styles in details views

Author: djhi

packages/ra-ui-materialui/src/detail/EditView.tsx

@@ -43,14 +43,8 @@ export const EditView = (inProps: EditViewProps) => {
     if (isPaused && record == null && offline) {
         return (
             <Root className={clsx('edit-page', className)} {...rest}>
-                <div
-                    className={clsx(
-                        EditClasses.main,
-                        EditClasses.noActions,
-                        EditClasses.offline
-                    )}
-                >
-                    {offline}
+                <div className={clsx(EditClasses.main, EditClasses.noActions)}>
+                    <Content className={EditClasses.card}>{offline}</Content>
                 </div>
             </Root>
         );
@@ -117,10 +111,6 @@ const Root = styled('div', {
     [`& .${EditClasses.noActions}`]: {
         marginTop: '1em',
     },
-    [`& .${EditClasses.offline}`]: {
-        flexDirection: 'column',
-        alignItems: 'unset',
-    },
     [`& .${EditClasses.card}`]: {
         flex: '1 1 auto',
     },

packages/ra-ui-materialui/src/detail/ShowView.tsx

@@ -40,14 +40,8 @@ export const ShowView = (inProps: ShowViewProps) => {
     if (isPaused && record == null && offline) {
         return (
             <Root className={clsx('show-page', className)} {...rest}>
-                <div
-                    className={clsx(
-                        ShowClasses.main,
-                        ShowClasses.noActions,
-                        ShowClasses.offline
-                    )}
-                >
-                    {offline}
+                <div className={clsx(ShowClasses.main, ShowClasses.noActions)}>
+                    <Content className={ShowClasses.card}>{offline}</Content>
                 </div>
             </Root>
         );
@@ -111,10 +105,6 @@ const Root = styled('div', {
     [`& .${ShowClasses.noActions}`]: {
         marginTop: '1em',
     },
-    [`& .${ShowClasses.offline}`]: {
-        flexDirection: 'column',
-        alignItems: 'unset',
-    },
     [`& .${ShowClasses.card}`]: {
         flex: '1 1 auto',
     },