From 72ad69bc66034dd8e3fbf888f8f9a7870c660934 Mon Sep 17 00:00:00 2001
From: 1ilit <lilitmousheghyan@gmail.com>
Date: Fri, 22 Sep 2023 22:18:34 +0300
Subject: [PATCH] Make report bug page responsive

---
 src/pages/bug_report.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/bug_report.jsx b/src/pages/bug_report.jsx
index 84e1a31..b2fe762 100644
--- a/src/pages/bug_report.jsx
+++ b/src/pages/bug_report.jsx
@@ -203,8 +203,8 @@ export default function BugReport() {
           theme === "dark" ? "border-zinc-700" : "border-zinc-300"
         } my-1`}
       />
-      <div className="grid grid-cols-12 gap-8 my-6 mx-8">
-        <div className="col-span-4">
+      <div className="grid grid-cols-12 gap-8 my-6 mx-8 sm:mx-3">
+        <div className="col-span-4 md:col-span-12 lg:col-span-4">
           <div className="card-theme p-6 rounded-md">
             <div className="flex items-center">
               <IconPaperclip />
@@ -269,7 +269,7 @@ export default function BugReport() {
             </Button>
           </div>
         </div>
-        <div className="col-span-8">
+        <div className="col-span-8 md:col-span-12 lg:col-span-8">
           <Banner
             fullMode={false}
             type="info"