diff --git a/lib/ui/components/menu_item_widget.dart b/lib/ui/components/menu_item_widget.dart index bea3b2cf6..9da9bdddb 100644 --- a/lib/ui/components/menu_item_widget.dart +++ b/lib/ui/components/menu_item_widget.dart @@ -12,6 +12,9 @@ class MenuItemWidget extends StatefulWidget { final IconData? trailingIcon; final Widget? trailingSwitch; final bool trailingIconIsMuted; + + /// If provided, add this much extra spacing to the right of the trailing icon. + final double trailingExtraMargin; final VoidCallback? onTap; final VoidCallback? onDoubleTap; final Color? menuItemColor; @@ -27,6 +30,7 @@ class MenuItemWidget extends StatefulWidget { this.trailingIcon, this.trailingSwitch, this.trailingIconIsMuted = false, + this.trailingExtraMargin = 0.0, this.onTap, this.onDoubleTap, this.menuItemColor, @@ -141,11 +145,15 @@ class _MenuItemWidgetState extends State { ), ) : widget.trailingIcon != null - ? Icon( - widget.trailingIcon, - color: widget.trailingIconIsMuted - ? enteColorScheme.strokeMuted - : null, + ? Padding( + padding: + EdgeInsets.only(right: widget.trailingExtraMargin), + child: Icon( + widget.trailingIcon, + color: widget.trailingIconIsMuted + ? enteColorScheme.strokeMuted + : null, + ), ) : widget.trailingSwitch ?? const SizedBox.shrink(), ], diff --git a/lib/ui/settings/theme_switch_widget.dart b/lib/ui/settings/theme_switch_widget.dart index 856b5bb8c..439f4695f 100644 --- a/lib/ui/settings/theme_switch_widget.dart +++ b/lib/ui/settings/theme_switch_widget.dart @@ -73,6 +73,7 @@ class _ThemeSwitchWidgetState extends State { pressedColor: getEnteColorScheme(context).fillFaint, isExpandable: false, trailingIcon: currentThemeMode == themeMode ? Icons.check : null, + trailingExtraMargin: 4, onTap: () async { AdaptiveTheme.of(context).setThemeMode(themeMode); currentThemeMode = themeMode;