Align authors

src/components/PostListItem.vue

@@ -12,7 +12,7 @@
         <div class="avatars">
           <div class="flex items-center">
             <div class="flex justify-between items-center">
-              <ul class="list-none flex author-list">
+              <ul class="list-none flex author-list m-0">
                 <li v-for="author in record.author" :key="author.id" class="author-list-item">
                   <g-link :to="author.path" v-tooltip="author.name">
                     <g-image

src/components/ProjectListItem.vue

@@ -12,7 +12,7 @@
         <div class="avatars">
           <div class="flex items-center">
             <div class="flex justify-between items-center">
-              <ul class="list-none flex author-list">
+              <ul class="list-none flex author-list m-0">
                 <li v-for="author in record.author" :key="author.id" class="author-list-item">
                   <g-link :to="author.path" v-tooltip="author.name">
                     <g-image

src/templates/Author.vue

@@ -136,4 +136,4 @@ export default {
     };
   }
 };
-</script>
+</script>

src/templates/BlogPost.vue

@@ -14,7 +14,7 @@
         <section class="post-author-list mb-10 mx-0">
           <div class="flex items-center">
             <div class="flex justify-between items-center">
-              <ul class="list-none flex author-list">
+              <ul class="list-none flex author-list m-0">
                 <li
                   v-for="author in $page.blog.author"
                   :key="author.id"

src/templates/Project.vue

@@ -28,7 +28,7 @@
 
       <div class="pt-8 border-b mx-4 sm:-mx-4"></div>
 
-        <section class="post-content container mx-auto relative font-serif text-gray-700">
+        <section class="post-content container mx-auto relative text-gray-700">
           <div class="post-content-text text-xl" v-html="$page.project.content"></div>
         </section>
 
@@ -133,3 +133,10 @@ export default {
   }
 };
 </script>
+<style scoped>
+@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
+.post-content-text {
+  font-family: "Roboto", sans-serif;
+  font-weight: 300;
+}
+</style>