From f6cf2c8a8c928eaf6d2c18809b2ccdd6294a7aac Mon Sep 17 00:00:00 2001
From: Valentin Haudiquet <valentin.haudiquet@canonical.com>
Date: Sat, 28 Feb 2026 13:53:37 +0100
Subject: [PATCH] frontend: fix compactruneselector on mobile

---
 frontend/components/build/CompactRuneSelector.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/frontend/components/build/CompactRuneSelector.vue b/frontend/components/build/CompactRuneSelector.vue
index c97a91c..36b2399 100644
--- a/frontend/components/build/CompactRuneSelector.vue
+++ b/frontend/components/build/CompactRuneSelector.vue
@@ -118,4 +118,11 @@ const emit = defineEmits<{
   opacity: 0.9;
   color: #4a9eff;
 }
+
+/* Mobile fix: Remove negative margin to prevent overlap with runes */
+@media only screen and (max-width: 900px) {
+  .compact-rune-selector {
+    margin-top: 15px;
+  }
+}
 </style>