fix(app): align Changes tab controls

packages/app/src/git/diff-pane.tsx

@@ -1613,7 +1613,7 @@ export function DiffOptionsMenu({
   onToggleWrapLines,
 }: DiffOptionsMenuProps) {
   const { t } = useTranslation();
-  const defaultToggleStyle = useMemo(() => buildExpandAllButtonStyle(), []);
+  const defaultToggleStyle = useMemo(() => buildOverflowButtonStyle(), []);
   const whitespaceLabel = hideWhitespace
     ? t("workspace.git.diff.showWhitespace")
     : t("workspace.git.diff.hideWhitespace");

packages/app/src/panels/diff-panel.tsx

@@ -374,7 +374,7 @@ const styles = StyleSheet.create((theme) => ({
     alignItems: "center",
     justifyContent: "space-between",
     gap: theme.spacing[2],
-    paddingHorizontal: theme.spacing[3],
+    paddingRight: theme.spacing[2],
     borderBottomWidth: theme.borderWidth[1],
     borderBottomColor: theme.colors.border,
     flexShrink: 0,
@@ -383,7 +383,7 @@ const styles = StyleSheet.create((theme) => ({
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "flex-end",
-    gap: theme.spacing[2],
+    gap: theme.spacing[1],
   },
   body: {
     flex: 1,