Role picker: extend width to prevent menu being out of page (#42047) (#42072)

(cherry picked from commit 6f8cfc6def)

Co-authored-by: Alexander Zobnin <alexanderzobnin@gmail.com>

public/app/core/components/RolePicker/RolePickerInput.tsx

@@ -111,7 +111,7 @@ const getRolePickerInputStyles = (
         `,
       disabled && styles.inputDisabled,
       css`
-        min-width: 260px;
+        min-width: 520px;
         min-height: 32px;
         height: auto;
         flex-direction: row;

public/app/core/components/RolePicker/RolePickerMenu.tsx

@@ -564,7 +564,7 @@ export const getStyles = (theme: GrafanaTheme2) => {
     `,
     menuOptionBody: css`
       font-weight: ${theme.typography.fontWeightRegular};
-      padding: ${theme.spacing(0, 1, 0, 0)};
+      padding: ${theme.spacing(0, 1.5, 0, 0)};
     `,
     menuOptionDisabled: css`
       color: ${theme.colors.text.disabled};