From 5b188eaf5e26fcf075d7174bcf2a4b25f1d72f53 Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Mon, 23 Dec 2024 20:02:52 +0000
Subject: [PATCH] fix: align header buttons to right on mobile view (#402)

Co-Authored-By: shibosoftwaredev@gmail.com <shibosoftwaredev@gmail.com>
---
 src/components/EditorNav.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/EditorNav.tsx b/src/components/EditorNav.tsx
index 9c1b7289..d66eece7 100644
--- a/src/components/EditorNav.tsx
+++ b/src/components/EditorNav.tsx
@@ -216,7 +216,7 @@ export default function EditorNav({
         </div>
       </div>
       <div className="flex items-center justify-end md:justify-between -space-x-1">
-        <div className="flex mx-2 items-center space-x-1">
+        <div className="flex mx-2 items-center space-x-1 justify-end w-full md:w-auto">
           {snippet && <TypeBadge type={snippetType ?? snippet.snippet_type} />}
           <Button
             variant="ghost"