From 53f253daeaa8fa1ae77e222c942be8db3b23a101 Mon Sep 17 00:00:00 2001
From: pa <maplenagisa@gmail.com>
Date: Fri, 31 Oct 2025 20:17:48 +0900
Subject: [PATCH] friend location layout adjustments

---
 src/views/FriendLocation/FriendLocation.vue          | 10 ++++------
 .../FriendLocation/components/FriendLocationCard.vue | 12 ++++++++----
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/views/FriendLocation/FriendLocation.vue b/src/views/FriendLocation/FriendLocation.vue
index 95db15cc..c6f00feb 100644
--- a/src/views/FriendLocation/FriendLocation.vue
+++ b/src/views/FriendLocation/FriendLocation.vue
@@ -12,8 +12,8 @@
                     v-model="cardScale"
                     class="friend-view__slider"
                     :min="0.6"
-                    :max="1.2"
-                    :step="0.05"
+                    :max="1.0"
+                    :step="0.01"
                     :show-tooltip="false" />
                 <el-input
                     v-model="searchTerm"
@@ -358,11 +358,9 @@
 
     .friend-view__grid {
         display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(var(--friend-card-min-width, 200px), 1fr));
+        grid-template-columns: repeat(auto-fit, minmax(var(--friend-card-min-width, 200px), max-content));
         gap: var(--friend-card-gap, 18px);
-        padding: 6px;
-        box-sizing: border-box;
-        width: 100%;
+        justify-content: start;
     }
 
     .friend-view__instances {
diff --git a/src/views/FriendLocation/components/FriendLocationCard.vue b/src/views/FriendLocation/components/FriendLocationCard.vue
index a1a37eb1..295f57d9 100644
--- a/src/views/FriendLocation/components/FriendLocationCard.vue
+++ b/src/views/FriendLocation/components/FriendLocationCard.vue
@@ -92,7 +92,7 @@
         transition:
             box-shadow 0.2s ease,
             transform 0.2s ease;
-        width: var(--friend-card-width, auto);
+        width: 220px;
         max-width: 100%;
 
         &:hover {
@@ -183,7 +183,7 @@
         display: flex;
         align-items: center;
         justify-content: center;
-        min-height: calc(36px * var(--card-scale));
+        height: calc(40px * var(--card-scale));
         padding: calc(6px * var(--card-scale)) calc(10px * var(--card-scale));
         border-radius: calc(12px * var(--card-scale));
         background: rgba(148, 163, 184, 0.18);
@@ -191,11 +191,10 @@
         font-size: calc(12px * var(--card-scale));
         line-height: 1.3;
         box-sizing: border-box;
-        max-width: 100%;
     }
 
     .friend-card__location {
-        display: block;
+        display: flex;
         width: 100%;
         max-height: calc(36px * var(--card-scale));
         overflow: hidden;
@@ -231,4 +230,9 @@
     .friend-card__location :deep(.x-location__meta) {
         display: none;
     }
+
+    .friend-card__location :deep(.flags) {
+        scale: calc(1 * var(--card-scale));
+        filter: brightness(1.05);
+    }
 </style>