style(spaces): polish handle layout across devices

src/routes/spaces/+page.svelte

@@ -250,6 +250,7 @@
             {#each filteredUserUrls as url (url)}
               <div
                 animate:flip={{duration: 250}}
+                class="group flex w-full items-center gap-2"
                 class:opacity-60={draggedUrl === url}
                 draggable="true"
                 role="listitem"
@@ -258,11 +259,11 @@
                 ondrop={e => onDrop(e, url)}
                 ondragend={onDragEnd}>
                 <div
-                  class="hidden cursor-grab p-1 opacity-0 transition-opacity hover:text-base-content group-hover:opacity-100 sm:flex">
+                  class="flex cursor-grab p-1 opacity-100 sm:opacity-0 sm:transition-opacity sm:hover:text-base-content sm:group-hover:opacity-100">
                   <Icon icon={MenuDots} class="text-base-content/50" />
                 </div>
                 <Button
-                  class="card2 bg-alt shadow-md transition-all hover:shadow-lg hover:dark:brightness-[1.1] w-full relative"
+                  class="card2 bg-alt shadow-md transition-all hover:shadow-lg hover:dark:brightness-[1.1] w-full relative min-w-0"
                   onclick={() => openSpace(url)}>
                   <RelaySummary hideFavorites {url} />
                   {#if $notifications.has(makeSpacePath(url))}