From 954e8ffb0db7474776586ad9bdd4d89b8533c063 Mon Sep 17 00:00:00 2001
From: Aribaskar-jb <j.b.aribaskar1515@gmail.com>
Date: Mon, 25 Dec 2023 16:27:15 +0530
Subject: [PATCH] Resolved non-responsive layout for Apt installation steps on
 Downloads page  (#30)

* Resolved non-responsive layout for Apt installation steps on Downloads page

* Remove the prettier formatted code
---
 src/pages/downloads.js | 28 ++++++++++++++++++----------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/pages/downloads.js b/src/pages/downloads.js
index a73a7e3..620402f 100644
--- a/src/pages/downloads.js
+++ b/src/pages/downloads.js
@@ -195,15 +195,23 @@ export default function Downloads({ latestVersion, releaseDate }) {
               <p className="text-gray-500 mt-2">
                 To install via Apt, follow these steps:
               </p>
-              <pre className="bg-gray-100 text-gray-700 rounded px-4 py-2 mt-4" style={{fontSize: 14}}>
-                sudo mkdir -p /etc/apt/keyrings <br />
-                sudo gpg --no-default-keyring --keyring /etc/apt/keyrings/bruno.gpg --keyserver keyserver.ubuntu.com --recv-keys 9FA6017ECABE0266 <br /><br />
-
-                echo "deb [signed-by=/etc/apt/keyrings/bruno.gpg] http://debian.usebruno.com/ bruno stable" | sudo tee /etc/apt/sources.list.d/bruno.list <br /> <br />
-
-                sudo apt update <br />
-                sudo apt install bruno
-              </pre>
+              <div style={{width: "fit-content"}}>
+                <pre
+                  className="bg-gray-100 text-gray-700 rounded px-4 py-2 mt-4"
+                  style={{ fontSize: 14, width: "fit-content",whiteSpace:"pre-wrap",wordWrap:"break-word",textAlign:"justify" }}
+                >
+                  sudo mkdir -p /etc/apt/keyrings <br />
+                  sudo gpg --no-default-keyring --keyring
+                  /etc/apt/keyrings/bruno.gpg --keyserver keyserver.ubuntu.com
+                  --recv-keys 9FA6017ECABE0266 <br />
+                  <br />
+                  echo "deb [signed-by=/etc/apt/keyrings/bruno.gpg]
+                  http://debian.usebruno.com/ bruno stable" | sudo tee
+                  /etc/apt/sources.list.d/bruno.list <br /> <br />
+                  sudo apt update <br />
+                  sudo apt install bruno
+                </pre>
+              </div>
             </div>
           </TabPanel>
 
@@ -272,4 +280,4 @@ export default function Downloads({ latestVersion, releaseDate }) {
       <Footer/>
     </div>
   );
-};
+};
\ No newline at end of file