From 6df593b7314a4995c0babbadce7ee1bd16578cad Mon Sep 17 00:00:00 2001
From: totocalcio <totohyper@yahoo.co.jp>
Date: Sat, 11 May 2024 23:35:08 +0900
Subject: [PATCH] fix: title line height

---
 apps/web/app/components/FormPageSection.vue    |  1 +
 apps/web/app/components/MessagePageSection.vue |  1 +
 apps/web/app/components/SponsorPageSection.vue | 13 ++++++++-----
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/apps/web/app/components/FormPageSection.vue b/apps/web/app/components/FormPageSection.vue
index 2f47cd07..c3a0cd34 100644
--- a/apps/web/app/components/FormPageSection.vue
+++ b/apps/web/app/components/FormPageSection.vue
@@ -131,6 +131,7 @@ section {
 
 .title {
   text-align: center;
+  line-height: 1.2;
 }
 
 .subtitle {
diff --git a/apps/web/app/components/MessagePageSection.vue b/apps/web/app/components/MessagePageSection.vue
index c969faa5..31f4412f 100644
--- a/apps/web/app/components/MessagePageSection.vue
+++ b/apps/web/app/components/MessagePageSection.vue
@@ -35,6 +35,7 @@
 
 .title {
   text-align: center;
+  line-height: 1.2;
 }
 
 .body {
diff --git a/apps/web/app/components/SponsorPageSection.vue b/apps/web/app/components/SponsorPageSection.vue
index 75f3a7c8..57905688 100644
--- a/apps/web/app/components/SponsorPageSection.vue
+++ b/apps/web/app/components/SponsorPageSection.vue
@@ -65,7 +65,6 @@ const { color } = useColor()
         </VFLinkButton>
       </div>
     </article>
-
   </div>
 </template>
 
@@ -85,18 +84,20 @@ const { color } = useColor()
   color: var(--color-vue-blue);
 }
 
+.title {
+  text-align: center;
+  line-height: 1.2;
+}
+
 .sponsor-body {
   margin: 0 auto;
   padding: var(--sponsor-body-padding);
   margin: 0 1.5%;
   background-color: white;
   max-width: 960px;
-  text-align: center;
-
 }
 
 .sponsor-text {
-  text-align: left;
   margin-top: calc(var(--unit) * 4);
   line-height: 1.8;
 
@@ -118,8 +119,10 @@ const { color } = useColor()
 }
 
 .sponsor-subtitle {
+  text-align: center;
+  line-height: 1.2;
   margin-top: calc(var(--unit) * 5);
-  margin-bottom: calc(var(--unit) * 2);
+  margin-bottom: calc(var(--unit) * 2.5);
   background: var(--color-vue-green-gradation);
   -webkit-text-fill-color: transparent;
   -webkit-background-clip: text;