优化多个组件的样式和结构，调整文本显示方式，提升用户界面体验

src/components/cards/PluginAppCard.vue

@@ -221,9 +221,11 @@ const dropdownItems = ref([
               </div>
             </div>
           </div>
-          <VCardText class="flex flex-col align-self-baseline px-2 py-2 w-full overflow-hidden">
-            <div class="flex flex-nowrap items-center w-full pe-7">
-              <span>
+          <VCardText
+            class="flex flex-col align-self-baseline justify-between px-2 py-2 w-full overflow-hidden max-h-10 min-h-10"
+          >
+            <div class="flex flex-nowrap items-center w-full pe-10">
+              <div class="flex flex-nowrap max-w-32">
                 <VIcon icon="mdi-github" class="me-1" />
                 <a
                   class="overflow-hidden text-ellipsis whitespace-nowrap"
@@ -233,11 +235,11 @@ const dropdownItems = ref([
                 >
                   {{ props.plugin?.plugin_author }}
                 </a>
-              </span>
-              <span v-if="props.count" class="ms-2 flex-shrink-0 download-count">
-                <VIcon icon="mdi-download" />
+              </div>
+              <div v-if="props.count" class="ms-2 flex-shrink-0 download-count">
+                <VIcon size="small" icon="mdi-download" />
                 <span class="text-sm ms-1 mt-1">{{ props.count?.toLocaleString() }}</span>
-              </span>
+              </div>
             </div>
             <div class="absolute bottom-0 right-0">
               <IconBtn>