fix UI

src/oj/problem/list.vue

@@ -55,10 +55,12 @@ const { query, clearQuery } = usePagination<ProblemQuery>({
 async function getAuthorOptions() {
   authorOptions.value = [{ label: "全部", value: "" }]
   const res = await getAuthors()
-  const remotes = res.data.map((item: {username: string, problem_count: number}) => ({
+  const remotes = res.data.map(
+    (item: { username: string; problem_count: number }) => ({
       label: `${item.username} (${item.problem_count})`,
       value: item.username,
-  }))
+    }),
+  )
   authorOptions.value = [...authorOptions.value, ...remotes]
 }
 
@@ -242,18 +244,22 @@ function rowProps(row: ProblemFiltered) {
             <n-form-item>
               <n-flex align="center">
                 <n-button @click="clearQuery" quaternary>重置</n-button>
-                <n-button @click="getRandom" quaternary v-if="isDesktop">试试手气</n-button>
+                <n-button @click="getRandom" quaternary>试试手气</n-button>
               </n-flex>
             </n-form-item>
-          </n-form>
+            <n-button
-        </div>
+              @click="toggleShowTag()"
-        <n-button @click="toggleShowTag()" quaternary icon-placement="right">
+              quaternary
+              icon-placement="right"
+            >
               <template #icon>
                 <Icon v-if="showTag" icon="ph:caret-down"></Icon>
                 <Icon v-else icon="ph:caret-up"></Icon>
               </template>
               标签
             </n-button>
+          </n-form>
+        </div>
       </n-flex>
       <Hitokoto v-if="isDesktop" />
     </n-flex>