fix(task): ensure publish button stays clear of WeChat capsule

src/components/task/TaskListView.vue

@@ -2,14 +2,16 @@
   <view class="app-container pb-20">
     <TopBar :title="pageTitle">
       <template #right>
-        <button
-          v-if="config.publishPath"
-          class="px-3 py-2 bg-primary text-white rounded-lg text-sm flex items-center"
-          @click="goToPublishTask"
-        >
-          <text class="uni-icons uniui-plusempty mr-1"></text>
-          {{ publishText }}
-        </button>
+        <view class="flex items-center pr-2">
+          <button
+            v-if="config.publishPath"
+            class="px-3 py-1.5 bg-primary text-white rounded-lg text-xs flex items-center whitespace-nowrap"
+            @click="goToPublishTask"
+          >
+            <text class="uni-icons uniui-plusempty mr-1"></text>
+            {{ publishText }}
+          </button>
+        </view>
       </template>
     </TopBar>