refactor(front): small library cards

front/src/views/content/remote/Card.vue

@@ -155,6 +155,7 @@ const isOpen = ref(false)
   <Card
     :title="library.name"
     :to="{name: 'library.detail', params: {id: library.uuid}}"
+    small
   >
     <template #topright>
       <span
@@ -277,16 +278,17 @@ const isOpen = ref(false)
       </div>
     </div>
     <template #footer>
-      <div class="meta">
+      <Layout flex>
         <span>
           <i class="bi bi-clock" />
           <human-date :date="library.creation_date" />
         </span>
+        <i class="bi bi-dot" />
         <span>
           <i class="bi bi-music-note-list" />
           {{ t('views.content.remote.Card.meta.tracks', library.uploads_count) }}
         </span>
-      </div>
+      </Layout>
       </template>
 
       <template #actions>
@@ -351,15 +353,3 @@ const isOpen = ref(false)
     </template>
   </Card>
 </template>
-
-<style scoped>
-  .meta {
-    padding-left: 8px;
-    > span {
-      margin-right: 16px;
-      > i {
-        margin-right: 4px;
-      }
-    }
-  }
-</style>