From 3fc485927903bfe78f4dd59c62265fc7e74cb6f9 Mon Sep 17 00:00:00 2001
From: Roni Laukkarinen <roni@dude.fi>
Date: Mon, 26 Feb 2024 02:57:48 +0200
Subject: [PATCH] [Glitch] Fix search icon position on mobile

Port 1cb74eeec00b413d326308930c48280b4f8325f4 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
---
 app/javascript/flavours/glitch/styles/components.scss | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/javascript/flavours/glitch/styles/components.scss b/app/javascript/flavours/glitch/styles/components.scss
index 4a2e1890c4..e0c4b3768b 100644
--- a/app/javascript/flavours/glitch/styles/components.scss
+++ b/app/javascript/flavours/glitch/styles/components.scss
@@ -5720,7 +5720,6 @@ a.status-card {
   .icon {
     position: absolute;
     top: 12px + 2px;
-    inset-inline-start: 16px - 2px;
     display: inline-block;
     opacity: 0;
     transition: all 100ms linear;
@@ -5735,6 +5734,10 @@ a.status-card {
       pointer-events: auto;
       opacity: 1;
     }
+
+    @media screen and (min-width: $no-gap-breakpoint) {
+      inset-inline-start: 16px - 2px;
+    }
   }
 
   .icon-search {