From 552de11ac50d285d4162b0509a2a18adc46b3da6 Mon Sep 17 00:00:00 2001
From: totocalcio <totohyper@yahoo.co.jp>
Date: Wed, 16 Oct 2024 22:59:28 +0900
Subject: [PATCH 1/3] Update responsive styles for tablet and mobile devices

---
 apps/web/app/components/event/PanelerList.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/web/app/components/event/PanelerList.vue b/apps/web/app/components/event/PanelerList.vue
index 3533c0b3..846d0767 100644
--- a/apps/web/app/components/event/PanelerList.vue
+++ b/apps/web/app/components/event/PanelerList.vue
@@ -39,7 +39,7 @@ const currentLocale = useLocaleCurrent().locale
   gap: calc(var(--unit) * 2);
   padding: calc(var(--unit) * 5) calc(var(--unit) * 12) calc(var(--unit) * 5);
 
-  @media (--mobile) {
+  @media (--tablet) {
     gap: calc(var(--unit) * 1);
     padding: calc(var(--unit) * 2);
   }
@@ -62,4 +62,11 @@ const currentLocale = useLocaleCurrent().locale
     --head-img-width: 103px;
   }
 }
+
+@media (width <= 768px) {
+  ::v-deep(.speaker-name) {
+    font-size: 0.875rem;
+    letter-spacing: 0.4px;
+  }
+}
 </style>

From 7c2236b6d06f38c3133f6ab33e62dde393ec0e34 Mon Sep 17 00:00:00 2001
From: totocalcio <totohyper@yahoo.co.jp>
Date: Wed, 16 Oct 2024 23:27:38 +0900
Subject: [PATCH 2/3] Update responsive styles for tablet and mobile devices

---
 apps/web/app/components/event/PanelerList.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/apps/web/app/components/event/PanelerList.vue b/apps/web/app/components/event/PanelerList.vue
index 846d0767..b33ea216 100644
--- a/apps/web/app/components/event/PanelerList.vue
+++ b/apps/web/app/components/event/PanelerList.vue
@@ -42,6 +42,15 @@ const currentLocale = useLocaleCurrent().locale
   @media (--tablet) {
     gap: calc(var(--unit) * 1);
     padding: calc(var(--unit) * 2);
+
+    ::v-deep(.speaker-name) {
+      font-size: 0.875rem;
+      letter-spacing: 0.4px;
+    }
+
+    ::v-deep(.speaker-affiliation) {
+      font-size: 0.6875rem;
+    }
   }
 }
 
@@ -62,11 +71,4 @@ const currentLocale = useLocaleCurrent().locale
     --head-img-width: 103px;
   }
 }
-
-@media (width <= 768px) {
-  ::v-deep(.speaker-name) {
-    font-size: 0.875rem;
-    letter-spacing: 0.4px;
-  }
-}
 </style>

From 48107bcf2d0f71f77122c957c92f23e926318f2c Mon Sep 17 00:00:00 2001
From: totocalcio <totohyper@yahoo.co.jp>
Date: Wed, 16 Oct 2024 23:37:39 +0900
Subject: [PATCH 3/3] Update responsive styles for tablet and mobile devices

---
 apps/web/app/components/event/PanelerList.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/web/app/components/event/PanelerList.vue b/apps/web/app/components/event/PanelerList.vue
index b33ea216..f03a99b4 100644
--- a/apps/web/app/components/event/PanelerList.vue
+++ b/apps/web/app/components/event/PanelerList.vue
@@ -39,10 +39,12 @@ const currentLocale = useLocaleCurrent().locale
   gap: calc(var(--unit) * 2);
   padding: calc(var(--unit) * 5) calc(var(--unit) * 12) calc(var(--unit) * 5);
 
-  @media (--tablet) {
+  @media (--mobile) {
     gap: calc(var(--unit) * 1);
     padding: calc(var(--unit) * 2);
+  }
 
+  @media (--tablet) {
     ::v-deep(.speaker-name) {
       font-size: 0.875rem;
       letter-spacing: 0.4px;
@@ -58,7 +60,7 @@ const currentLocale = useLocaleCurrent().locale
   width: calc(calc(100% - 16px) / 2);
   height: 120px;
 
-  @media (--mobile) {
+  @media (--tablet) {
     width: 100%;
   }
 }