From 5fb573e5f51b4cf7c646c8dfd0c54fdc382deae0 Mon Sep 17 00:00:00 2001
From: Hank Grabowski <hankgrabowski@gmail.com>
Date: Fri, 30 Aug 2024 22:46:14 -0400
Subject: [PATCH] Reduce padding of network capabilities table and put in
 horizontal scroll if overflowing

Fixes Issue #102
---
 CHANGELOG.md                     |  2 ++
 lib/screens/settings_screen.dart | 22 ++++++++++++++--------
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 660cdc3..bbd0621 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,8 @@
     * Use the network data in the friendica extensions rather than the application data if available since the app data
       is the app name.
 * Fixes
+    * Fixes final column of network settings getting chopped off on smaller
+      screens ([Issue #102](https://gitlab.com/mysocialportal/relatica/-/issues/102))
 * New Features
     * Focus Mode with ability to set duration and difficulty for unlocking beforehand. Focus mode in this release shows
       only the "My Posts" timeline and no bottom navigation bar. So one can't get to search, notifications,
diff --git a/lib/screens/settings_screen.dart b/lib/screens/settings_screen.dart
index e358eb0..8c84803 100644
--- a/lib/screens/settings_screen.dart
+++ b/lib/screens/settings_screen.dart
@@ -229,14 +229,20 @@ class NetworkCapabilitiesWidget extends StatelessWidget {
             ),
           ],
         ),
-        subtitle: DataTable(
-          columns: const [
-            DataColumn(label: Text('Network')),
-            DataColumn(label: Text('React')),
-            DataColumn(label: Text('Reshare')),
-            DataColumn(label: Text('Comment')),
-          ],
-          rows: rows,
+        subtitle: SingleChildScrollView(
+          scrollDirection: Axis.horizontal,
+          child: DataTable(
+            columnSpacing: 10.0,
+            columns: const [
+              DataColumn(
+                label: Text('Network'),
+              ),
+              DataColumn(label: Text('React')),
+              DataColumn(label: Text('Reshare')),
+              DataColumn(label: Text('Comment')),
+            ],
+            rows: rows,
+          ),
         ));
   }
 }