Consistent layout actions

src/langs/json/en.json

@@ -258,7 +258,7 @@
     "collaborators": {
       "title": "Collaborators",
       "empty": "No collaborators",
-      "add": "Invite users to this project"
+      "add": "Invite"
     },
     "fields": {
       "title": "Title",
@@ -343,9 +343,11 @@
     "contributed": "Contributed by",
     "share": "Share",
     "shareEmbed": "Share & Embed",
+    "shareEmbedProject": "Share & Embed Project",
     "sharedWith": "Shared with",
     "revisions": "Revision History",
     "edit": "Edit Metadata",
+    "editProject": "Edit Project Metadata",
     "upload": "Upload Documents",
     "uploadToProject": "Upload to Project",
     "download": "Download File",

src/lib/components/accounts/tests/__snapshots__/UserMenu.test.ts.snap

@@ -9,7 +9,7 @@ exports[`UserMenu 1`] = `
     tabindex="0"
   >
     <span
-      class="sidebarItem container svelte-1i964q1"
+      class="sidebarItem container svelte-8l7as"
       role="button"
       tabindex="0"
       title="Open Menu"
@@ -26,7 +26,7 @@ exports[`UserMenu 1`] = `
       </div>
 
       <span
-        class="label svelte-1i964q1"
+        class="label svelte-8l7as"
       >
         <span
           class="name"
@@ -65,7 +65,7 @@ exports[`UserMenu 1`] = `
       role="menu"
     >
       <a
-        class="sidebarItem container svelte-1i964q1"
+        class="sidebarItem container svelte-8l7as"
         href="https://dev.squarelet.com"
         target="_blank"
         title=""
@@ -84,7 +84,7 @@ exports[`UserMenu 1`] = `
         </svg>
 
         <span
-          class="label svelte-1i964q1"
+          class="label svelte-8l7as"
         >
           Account settings
         </span>
@@ -93,7 +93,7 @@ exports[`UserMenu 1`] = `
 
 
       <span
-        class="sidebarItem container svelte-1i964q1 hover"
+        class="sidebarItem container svelte-8l7as hover"
         role="button"
         tabindex="0"
         title=""
@@ -112,7 +112,7 @@ exports[`UserMenu 1`] = `
         </svg>
 
         <span
-          class="label svelte-1i964q1"
+          class="label svelte-8l7as"
         >
           Upload via email
         </span>
@@ -121,7 +121,7 @@ exports[`UserMenu 1`] = `
 
 
       <a
-        class="sidebarItem container svelte-1i964q1"
+        class="sidebarItem container svelte-8l7as"
         href="https://api.dev.documentcloud.org/accounts/logout/"
         title=""
       >
@@ -139,7 +139,7 @@ exports[`UserMenu 1`] = `
         </svg>
 
         <span
-          class="label svelte-1i964q1"
+          class="label svelte-8l7as"
         >
           Sign out
         </span>

src/lib/components/addons/tests/__snapshots__/AddOnsNavigation.test.ts.snap

@@ -24,7 +24,7 @@ exports[`AddOnsNavigation 1`] = `
         style="display: contents; --hover-background: var(--blue-2);"
       >
         <a
-          class="sidebarItem container svelte-1i964q1 active"
+          class="sidebarItem container svelte-8l7as active"
           href="/add-ons/"
           title=""
         >
@@ -43,7 +43,7 @@ exports[`AddOnsNavigation 1`] = `
           </svg>
 
           <span
-            class="label svelte-1i964q1"
+            class="label svelte-8l7as"
           >
             All
           </span>
@@ -56,7 +56,7 @@ exports[`AddOnsNavigation 1`] = `
         style="display: contents; --hover-background: var(--orange-2);"
       >
         <a
-          class="sidebarItem container svelte-1i964q1"
+          class="sidebarItem container svelte-8l7as"
           href="/add-ons/?active=true"
           title=""
         >
@@ -80,7 +80,7 @@ exports[`AddOnsNavigation 1`] = `
           </div>
 
           <span
-            class="label svelte-1i964q1"
+            class="label svelte-8l7as"
           >
             Pinned
           </span>
@@ -93,7 +93,7 @@ exports[`AddOnsNavigation 1`] = `
         style="display: contents; --hover-background: var(--yellow-2);"
       >
         <a
-          class="sidebarItem container svelte-1i964q1"
+          class="sidebarItem container svelte-8l7as"
           href="/add-ons/?featured=true"
           title=""
         >
@@ -112,7 +112,7 @@ exports[`AddOnsNavigation 1`] = `
           </svg>
 
           <span
-            class="label svelte-1i964q1"
+            class="label svelte-8l7as"
           >
             Featured
           </span>
@@ -125,7 +125,7 @@ exports[`AddOnsNavigation 1`] = `
         style="display: contents; --hover-background: var(--green-2);"
       >
         <a
-          class="sidebarItem container svelte-1i964q1"
+          class="sidebarItem container svelte-8l7as"
           href="/add-ons/?premium=true"
           title=""
         >
@@ -155,7 +155,7 @@ exports[`AddOnsNavigation 1`] = `
           </div>
 
           <span
-            class="label svelte-1i964q1"
+            class="label svelte-8l7as"
           >
             Premium
           </span>
@@ -172,14 +172,14 @@ exports[`AddOnsNavigation 1`] = `
         style="display: contents; --color: var(--gray-4);"
       >
         <span
-          class="sidebarItem container svelte-1i964q1 small"
+          class="sidebarItem container svelte-8l7as small"
           role="button"
           tabindex="0"
           title=""
         >
 
           <span
-            class="label svelte-1i964q1"
+            class="label svelte-8l7as"
           >
             Collections
           </span>
@@ -189,13 +189,13 @@ exports[`AddOnsNavigation 1`] = `
       </div>
 
       <a
-        class="sidebarItem container svelte-1i964q1"
+        class="sidebarItem container svelte-8l7as"
         href="/add-ons/?category=ai"
         title=""
       >
 
         <span
-          class="label svelte-1i964q1"
+          class="label svelte-8l7as"
         >
           AI
 
@@ -204,13 +204,13 @@ exports[`AddOnsNavigation 1`] = `
       </a>
 
       <a
-        class="sidebarItem container svelte-1i964q1"
+        class="sidebarItem container svelte-8l7as"
         href="/add-ons/?category=statistical"
         title=""
       >
 
         <span
-          class="label svelte-1i964q1"
+          class="label svelte-8l7as"
         >
           Analyze
 
@@ -219,13 +219,13 @@ exports[`AddOnsNavigation 1`] = `
       </a>
 
       <a
-        class="sidebarItem container svelte-1i964q1"
+        class="sidebarItem container svelte-8l7as"
         href="/add-ons/?category=bulk"
         title=""
       >
 
         <span
-          class="label svelte-1i964q1"
+          class="label svelte-8l7as"
         >
           Bulk
 
@@ -234,13 +234,13 @@ exports[`AddOnsNavigation 1`] = `
       </a>
 
       <a
-        class="sidebarItem container svelte-1i964q1"
+        class="sidebarItem container svelte-8l7as"
         href="/add-ons/?category=export"
         title=""
       >
 
         <span
-          class="label svelte-1i964q1"
+          class="label svelte-8l7as"
         >
           Export
 
@@ -249,13 +249,13 @@ exports[`AddOnsNavigation 1`] = `
       </a>
 
       <a
-        class="sidebarItem container svelte-1i964q1"
+        class="sidebarItem container svelte-8l7as"
         href="/add-ons/?category=extraction"
         title=""
       >
 
         <span
-          class="label svelte-1i964q1"
+          class="label svelte-8l7as"
         >
           Extract
 
@@ -264,13 +264,13 @@ exports[`AddOnsNavigation 1`] = `
       </a>
 
       <a
-        class="sidebarItem container svelte-1i964q1"
+        class="sidebarItem container svelte-8l7as"
         href="/add-ons/?category=file"
         title=""
       >
 
         <span
-          class="label svelte-1i964q1"
+          class="label svelte-8l7as"
         >
           File
 
@@ -279,13 +279,13 @@ exports[`AddOnsNavigation 1`] = `
       </a>
 
       <a
-        class="sidebarItem container svelte-1i964q1"
+        class="sidebarItem container svelte-8l7as"
         href="/add-ons/?category=monitor"
         title=""
       >
 
         <span
-          class="label svelte-1i964q1"
+          class="label svelte-8l7as"
         >
           Monitor
 

src/lib/components/documents/DocumentListItem.svelte

@@ -236,6 +236,7 @@ If we're in an embed, we want to open links to documents in new tabs and hide th
     text-overflow: ellipsis;
     /* white-space: nowrap; */
     max-width: 100%;
+    margin: 0;
   }
 
   .meta {

src/lib/components/documents/tests/__snapshots__/DocumentListItem.test.ts.snap

@@ -3,15 +3,15 @@
 exports[`DocumentListItem > renders 1`] = `
 <div>
   <a
-    class="document-list-item svelte-zn4dyg"
+    class="document-list-item svelte-1ravpmh"
     href="https://www.dev.documentcloud.org/documents/24002098-quarterly-reports-created-pursuant-to-the-letter-from-the-national-archives-and-records-administration-dated-june-1-2018/"
   >
     <div
-      class="thumbnail svelte-zn4dyg"
+      class="thumbnail svelte-1ravpmh"
     >
       <img
         alt="Page 1, Quarterly Reports created pursuant to the letter from the National Archives and Records Administration dated June 1, 2018"
-        class="svelte-zn4dyg"
+        class="svelte-1ravpmh"
         height="77.64705882352942px"
         loading="lazy"
         src="https://s3.documentcloud.org/documents/24002098/pages/quarterly-reports-created-pursuant-to-the-letter-from-the-national-archives-and-records-administration-dated-june-1-2018-p1-thumbnail.gif"
@@ -21,19 +21,19 @@ exports[`DocumentListItem > renders 1`] = `
     </div>
 
     <div
-      class="documentInfo svelte-zn4dyg"
+      class="documentInfo svelte-1ravpmh"
     >
       <div
-        class="head svelte-zn4dyg"
+        class="head svelte-1ravpmh"
       >
         <h3
-          class="title svelte-zn4dyg"
+          class="title svelte-1ravpmh"
         >
           Quarterly Reports created pursuant to the letter from the National Archives and Records Administration dated June 1, 2018
         </h3>
 
         <div
-          class="access svelte-zn4dyg"
+          class="access svelte-1ravpmh"
         >
           <div
             class="access public svelte-o63adk"
@@ -56,7 +56,7 @@ exports[`DocumentListItem > renders 1`] = `
       </div>
 
       <p
-        class="meta svelte-zn4dyg"
+        class="meta svelte-1ravpmh"
       >
         20 pages
          -
@@ -69,7 +69,7 @@ exports[`DocumentListItem > renders 1`] = `
       </p>
 
       <div
-        class="data svelte-zn4dyg"
+        class="data svelte-1ravpmh"
       />
     </div>
   </a>