Fixed adaptive Size issue

frontend/app_flowy/lib/workspace/presentation/settings/settings_dialog.dart

@@ -24,15 +24,16 @@ class _SettingsDialogState extends State<SettingsDialog> {
       shape: RoundedRectangleBorder(
         borderRadius: BorderRadius.circular(10),
       ),
-      title: ConstrainedBox(
+      title: const Text(
+        'Settings',
+        style: TextStyle(
+          fontWeight: FontWeight.bold,
+        ),
+      ),
+      content: ConstrainedBox(
         constraints: const BoxConstraints(
           maxHeight: 600,
         ),
-        child: Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            const SettingsPanelHeader(),
-            Expanded(
         child: Row(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
@@ -56,30 +57,6 @@ class _SettingsDialogState extends State<SettingsDialog> {
           ],
         ),
       ),
-          ],
-        ),
-      ),
-    );
-  }
-}
-
-class SettingsPanelHeader extends StatelessWidget {
-  const SettingsPanelHeader({
-    Key? key,
-  }) : super(key: key);
-
-  @override
-  Widget build(BuildContext context) {
-    return const Padding(
-      padding: EdgeInsets.all(16.0),
-      child: Text(
-        //TODO: Change to i10n
-        'Settings',
-        style: TextStyle(
-          fontWeight: FontWeight.bold,
-          fontSize: 24,
-        ),
-      ),
     );
   }
 }

frontend/app_flowy/lib/workspace/presentation/settings/widgets/settings_menu_element.dart

@@ -42,6 +42,7 @@ class SettingsMenuElement extends StatelessWidget {
         style: const TextStyle(
           fontSize: 14,
           fontWeight: FontWeight.w600,
+          overflow: TextOverflow.ellipsis,
         ),
       ),
     );