+3 -3

src/views/pds.tsx

reviewed

··· 154 154 return ( 155 155 <Show when={repos() || response()}> 156 156 <div class="flex w-full flex-col"> 157 157 - <div class="dark:shadow-dark-700 dark:bg-dark-300 mb-2 flex w-full justify-between rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 text-sm shadow-xs dark:border-neutral-700"> 158 158 - <div class="ml-1 flex items-center gap-3"> 157 157 + <div class="mb-3 flex w-full justify-between px-2 text-sm sm:text-base"> 158 158 + <div class="flex items-center gap-3"> 159 159 <Tab tab="repos" label="Repositories" /> 160 160 <Tab tab="info" label="Info" /> 161 161 </div> 162 162 <MenuProvider> 163 163 - <DropdownMenu icon="lucide--ellipsis-vertical" buttonClass="rounded-sm p-1.5"> 163 163 + <DropdownMenu icon="lucide--ellipsis-vertical" buttonClass="rounded-md p-1.5"> 164 164 <CopyMenu content={params.pds!} label="Copy PDS" icon="lucide--copy" /> 165 165 <NavMenu 166 166 href={`/firehose?instance=wss://${params.pds}`}

+2 -2

src/views/stream.tsx

reviewed

··· 143 143 144 144 return ( 145 145 <div class="flex w-full flex-col items-center"> 146 146 - <div class="flex gap-2 text-sm"> 146 146 + <div class="flex gap-3"> 147 147 <A 148 148 class="flex items-center gap-1 border-b-2 p-1" 149 149 inactiveClass="border-transparent hover:border-neutral-400 dark:hover:border-neutral-600" ··· 160 160 </A> 161 161 </div> 162 162 <StickyOverlay> 163 163 - <form ref={formRef} class="flex w-full flex-col gap-1 text-sm"> 163 163 + <form ref={formRef} class="flex w-full flex-col gap-1.5 text-sm"> 164 164 <Show when={!connected()}> 165 165 <label class="flex items-center justify-end gap-x-1"> 166 166 <span class="min-w-20">Instance</span>