From eb5a1dbc423d99ba58b9a20a1ea563019a9f4c41 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Mon, 4 Dec 2023 20:09:45 +0200
Subject: [PATCH] feat: add media query for regenerate id container

---
 src/pages/PairDevice/GenerateId.tsx        | 1 +
 src/pages/PairDevice/pairDevice.module.css | 6 ++++++
 2 files changed, 7 insertions(+)
 create mode 100644 src/pages/PairDevice/pairDevice.module.css

diff --git a/src/pages/PairDevice/GenerateId.tsx b/src/pages/PairDevice/GenerateId.tsx
index a0f0dd54..bdd0d04c 100644
--- a/src/pages/PairDevice/GenerateId.tsx
+++ b/src/pages/PairDevice/GenerateId.tsx
@@ -31,6 +31,7 @@ const GenerateId = ({ isAwaitingPairing }: GenerateIdProps) => {
     <YStack space={'$2'}>
       <div
         style={{ display: 'flex', justifyContent: 'space-between' }}
+        className={styles['regenerate-id-container']}
       >
         <StatusText size={19} weight={'semibold'}>
           Pair with Command line
diff --git a/src/pages/PairDevice/pairDevice.module.css b/src/pages/PairDevice/pairDevice.module.css
new file mode 100644
index 00000000..fe996cc4
--- /dev/null
+++ b/src/pages/PairDevice/pairDevice.module.css
@@ -0,0 +1,6 @@
+@media screen and (max-width: 440px) {
+  .regenerate-id-container {
+    flex-direction: column;
+    gap: 12px;
+  }
+}