v3: fixed search in prod, lots of UI fixes across the app

src/pages/Dump.tsx

@@ -232,24 +232,27 @@ export function Dump() {
         {/* Post header */}
         <div className="dump-post-header">
           <div className="dump-header-block">
-            <VoteButton
-              dumpId={dump.id}
-              count={voteCounts[dump.id] ?? dump.voteCount}
-              voted={myVotes.has(dump.id)}
-              disabled={!user}
-              onCast={castVote}
-              onRemove={removeVote}
-            />
+            <div className="dump-header-left">
+              <VoteButton
+                dumpId={dump.id}
+                count={voteCounts[dump.id] ?? dump.voteCount}
+                voted={myVotes.has(dump.id)}
+                disabled={!user}
+                onCast={castVote}
+                onRemove={removeVote}
+              />
+              {user && (
+                <button
+                  type="button"
+                  className="btn-add-playlist"
+                  onClick={() => setPlaylistModalOpen(true)}
+                >
+                  <Trans>+ Playlist</Trans>
+                </button>
+              )}
+            </div>
+            <div className="dump-header-right">
             <h1 className="dump-title">{dump.title}</h1>
-            {user && (
-              <button
-                type="button"
-                className="btn-add-playlist"
-                onClick={() => setPlaylistModalOpen(true)}
-              >
-                <Trans>+ Playlist</Trans>
-              </button>
-            )}
             <div className="dump-op">
               <Avatar
                 userId={dump.userId}
@@ -285,6 +288,7 @@ export function Dump() {
                 </span>
               )}
             </div>
+            </div>
           </div>
 
           {dump.comment && (

src/pages/DumpEdit.tsx

@@ -257,13 +257,13 @@ export function DumpEdit() {
 
           <div className="form-group">
             <label htmlFor="comment">
-              <Trans>Why are you dumping this?</Trans>
+              <Trans>Why?</Trans>
             </label>
             <TextEditor
               id="comment"
               value={comment}
               onChange={setComment}
-              placeholder={t`Tell the community what makes this worth their time...`}
+              placeholder={t`What makes it worth it?`}
               rows={3}
               maxLength={VALIDATION.DUMP_COMMENT_MAX}
             />

src/pages/Search.tsx

@@ -69,7 +69,7 @@ export function Search() {
     abortRef.current = controller;
 
     try {
-      const url = new URL(SEARCH_URL);
+      const url = new URL(SEARCH_URL, location.origin);
       url.searchParams.set("q", query);
       url.searchParams.set("page", String(page));
       url.searchParams.set("limit", String(DEFAULT_PAGE_SIZE));

src/pages/UserDumps.tsx

@@ -111,7 +111,7 @@ export function UserDumps() {
             className="new-playlist-toggle"
             onClick={() => setCreateModalOpen(true)}
           >
-            <Trans>+ New dump</Trans>
+            +<span className="btn-new-label"><Trans> New dump</Trans></span>
           </button>
         )}
       />

src/pages/UserPublicProfile.tsx

@@ -896,7 +896,7 @@ export function UserPublicProfile() {
                   value={descDraft}
                   onChange={setDescDraft}
                   onSubmit={handleDescSave}
-                  placeholder={t`Tell people about yourself…`}
+                  placeholder={t`Who am I?`}
                   autoResize
                   maxLength={VALIDATION.USER_DESCRIPTION_MAX}
                 />
@@ -958,6 +958,7 @@ export function UserPublicProfile() {
         </div>
       )}
 
+      <div className="feed-sort-scroller profile-tabs-scroller">
       <div className="profile-tabs feed-sort">
         <button
           type="button"
@@ -997,6 +998,7 @@ export function UserPublicProfile() {
           </button>
         )}
       </div>
+      </div>
 
       {tab === "dumps" && (
         <div className="profile-columns">
@@ -1327,7 +1329,7 @@ function DumpList(
             className="new-playlist-toggle"
             onClick={() => setCreateModalOpen(true)}
           >
-            <Trans>+ New dump</Trans>
+            +<span className="btn-new-label"><Trans> New dump</Trans></span>
           </button>
         )}
       </div>