From e0c879bd9a08233e243f094d7be527e9314a7df3 Mon Sep 17 00:00:00 2001
From: roo hutton <roo@roohutton.com>
Date: Tue, 25 Jun 2024 13:02:44 +0100
Subject: [PATCH] Merge pull request #19120 from overleaf/rh-link-share-styles

[web] Fix share modal styling regressions

GitOrigin-RevId: efeffa3d6451ed47137106e0ad296c518a5c0608
---
 .../share-project-modal-content.tsx             |  2 +-
 .../frontend/stylesheets/app/editor/share.less  | 17 +++++++++++++++++
 .../stylesheets/components/tags-input.less      |  7 ++++++-
 3 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/services/web/frontend/js/features/share-project-modal/components/restricted-link-sharing/share-project-modal-content.tsx b/services/web/frontend/js/features/share-project-modal/components/restricted-link-sharing/share-project-modal-content.tsx
index 67e270509e..44b43915af 100644
--- a/services/web/frontend/js/features/share-project-modal/components/restricted-link-sharing/share-project-modal-content.tsx
+++ b/services/web/frontend/js/features/share-project-modal/components/restricted-link-sharing/share-project-modal-content.tsx
@@ -41,7 +41,7 @@ export default function ShareProjectModalContent({
         <Modal.Title>{t('share_project')}</Modal.Title>
       </Modal.Header>
 
-      <Modal.Body className="modal-body-share">
+      <Modal.Body className="modal-body-share modal-link-share-new">
         <Grid fluid>
           <Suspense fallback={<FullSizeLoadingSpinner minHeight="15rem" />}>
             {isRestrictedTokenMember ? (
diff --git a/services/web/frontend/stylesheets/app/editor/share.less b/services/web/frontend/stylesheets/app/editor/share.less
index 26b510d1aa..ca598c47d8 100644
--- a/services/web/frontend/stylesheets/app/editor/share.less
+++ b/services/web/frontend/stylesheets/app/editor/share.less
@@ -29,6 +29,8 @@
   .project-invite,
   .public-access-level {
     font-size: 14px;
+    padding: (@line-height-computed / 2) 0;
+    border-bottom: 1px solid @gray-lighter;
   }
 
   .public-access-level {
@@ -115,6 +117,9 @@
       padding: 2px;
       margin-bottom: 0;
     }
+    padding: @line-height-computed / 2;
+    background-color: @gray-lightest;
+    margin-top: @line-height-computed / 2;
     .add-collabs {
       margin-top: @line-height-computed / 2;
     }
@@ -174,3 +179,15 @@
 .copy-button:focus-within {
   outline: none;
 }
+
+.modal-link-share-new {
+  .invite-controls {
+    padding: 0;
+    background-color: transparent;
+    margin-top: 0;
+  }
+  .public-access-level {
+    padding: 0;
+    border: none;
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/tags-input.less b/services/web/frontend/stylesheets/components/tags-input.less
index 3001f67835..3daeed6c4a 100644
--- a/services/web/frontend/stylesheets/components/tags-input.less
+++ b/services/web/frontend/stylesheets/components/tags-input.less
@@ -24,7 +24,6 @@
   appearance: textfield;
   -moz-appearance: textfield;
   -webkit-appearance: textfield;
-  padding: 0 0 0 5px;
   overflow: hidden;
   word-wrap: break-word;
   cursor: text;
@@ -161,3 +160,9 @@
   font-weight: bold;
   font-style: normal;
 }
+
+.modal-link-share-new {
+  .tags-input .tags {
+    padding: 0 0 0 5px;
+  }
+}