Prevent "Remove access" text being cut off in Share model (#30976)

GitOrigin-RevId: ed577d83afd150d64c99bd6577d7543d9297f91a

services/web/frontend/extracted-translations.json

@@ -246,9 +246,6 @@
   "change_email_address": "",
   "change_how_you_see_the_editor": "",
   "change_language": "",
-  "change_or_cancel-cancel": "",
-  "change_or_cancel-change": "",
-  "change_or_cancel-or": "",
   "change_owner": "",
   "change_password": "",
   "change_password_in_account_settings": "",

services/web/frontend/js/features/share-project-modal/components/edit-member.tsx

@@ -202,12 +202,6 @@ export default function EditMember({
         </OLCol>
 
         <OLCol xs={4} className="project-member-actions">
-          {confirmRemoval && (
-            <ChangePrivilegesActions
-              handleReset={() => setPrivileges(member.privileges)}
-            />
-          )}
-
           <div className="project-member-select">
             {hasBeenDowngraded && !confirmRemoval && (
               <MaterialIcon type="warning" className="project-member-warning" />
@@ -224,6 +218,12 @@ export default function EditMember({
               canAddCollaborators={canAddCollaborators}
             />
           </div>
+
+          {confirmRemoval && (
+            <ChangePrivilegesActions
+              handleReset={() => setPrivileges(member.privileges)}
+            />
+          )}
         </OLCol>
       </OLFormGroup>
     </form>
@@ -325,21 +325,19 @@ function ChangePrivilegesActions({
   const { t } = useTranslation()
 
   return (
-    <div className="text-center">
-      <OLButton type="submit" size="sm" variant="primary">
-        {t('change_or_cancel-change')}
+    <div className="text-center d-flex gap-1 me-3">
+      <OLButton
+        type="submit"
+        size="sm"
+        variant="secondary"
+        onClick={handleReset}
+      >
+        {t('cancel')}
+      </OLButton>
+
+      <OLButton type="submit" size="sm" variant="primary">
+        {t('confirm')}
       </OLButton>
-      <div className="text-sm">
-        {t('change_or_cancel-or')}
-        &nbsp;
-        <OLButton
-          variant="link"
-          className="btn-inline-link"
-          onClick={handleReset}
-        >
-          {t('change_or_cancel-cancel')}
-        </OLButton>
-      </div>
     </div>
   )
 }

services/web/frontend/stylesheets/pages/editor/share.scss

@@ -185,6 +185,7 @@
     align-items: center;
     justify-content: flex-end;
     padding: 0;
+    flex-wrap: wrap;
   }
 
   .project-member-select {