abstracted into safezone

lib/About.dart

@@ -1,21 +1,16 @@
 import 'package:flutter/material.dart';
+import 'package:ything_radio/SafeZone.dart';
 
 class About extends StatelessWidget {
   const About({super.key});
 
   @override
   Widget build(BuildContext context) {
-    final safeLeftPadding = MediaQuery.of(context).padding.left + 16;
+    return SafeZone(
-    final safeRightPadding = MediaQuery.of(context).padding.right + 16;
+      child: DefaultTextStyle(
-    final safeBottomPadding = MediaQuery.of(context).padding.bottom;
-    final safeTopPadding = MediaQuery.of(context).padding.top;
-
-    return DefaultTextStyle(
         style: Theme.of(context).textTheme.bodyLarge!,
-      child: SingleChildScrollView(
+        child: const SingleChildScrollView(
-        child: Padding(
+          child: Text(
-          padding: EdgeInsets.only(left: safeLeftPadding, right: safeRightPadding, bottom: safeBottomPadding, top: safeTopPadding),
-          child: const Text(
             'Ything Radio is an app that is intended to provide a demonstration of the '
             'open source ything_radio app. This app is used to provide the ability for the '
             '"look and feel" of the app to be tested on real devices for those wishing to '

lib/SafeZone.dart

@@ -0,0 +1,24 @@
+import 'package:flutter/material.dart';
+
+class SafeZone extends StatelessWidget {
+  const SafeZone({super.key, required this.child});
+
+  final Widget child;
+
+  @override
+  Widget build(BuildContext context) {
+    final safeLeftPadding = MediaQuery.of(context).padding.left + 16;
+    final safeRightPadding = MediaQuery.of(context).padding.right + 16;
+    final safeBottomPadding = MediaQuery.of(context).padding.bottom + 16;
+    final safeTopPadding = MediaQuery.of(context).padding.top + 16;
+
+    return Padding(
+      padding: EdgeInsets.only(
+          left: safeLeftPadding,
+          right: safeRightPadding,
+          bottom: safeBottomPadding,
+          top: safeTopPadding),
+      child: child,
+    );
+  }
+}