From 4a009127d085bc3d5cddeafffff8744911dc84a0 Mon Sep 17 00:00:00 2001
From: Stefan Pejcic <stefan@pejcic.rs>
Date: Sat, 1 Jun 2024 16:29:04 +0200
Subject: [PATCH] Update index.tsx

---
 documentation/src/pages/install/index.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/documentation/src/pages/install/index.tsx b/documentation/src/pages/install/index.tsx
index 9ec84320..c28782f1 100644
--- a/documentation/src/pages/install/index.tsx
+++ b/documentation/src/pages/install/index.tsx
@@ -104,13 +104,14 @@ const Install: React.FC = () => {
                         <p className="mt-0">Here you can set what shall be installed and configured when installing OpenPanel:</p>
                         <ul>
                             {Object.entries(installOptions).map(([key, config]) => (
-                                <li key={key}>
+                                <li key={key} className="flex items-center mb-2">
                                     {key === "screenshots" ? (
                                         <select
                                             id={key}
                                             name={key}
                                             value={config.value as string}
                                             onChange={handleInputChange}
+                                            className="mr-2 w-40"
                                         >
                                             {config.options?.map(option => (
                                                 <option key={option} value={option}>{option}</option>
@@ -124,10 +125,13 @@ const Install: React.FC = () => {
                                             checked={typeof config.value === "boolean" ? config.value : undefined}
                                             value={typeof config.value === "string" ? config.value : undefined}
                                             onChange={handleInputChange}
+                                            className="mr-2 w-40"
                                         />
                                     )}
-                                    <label htmlFor={key}>{key.replace(/-/g, ' ').toUpperCase()} :</label>
-                                    <span>{config.description}</span>
+                                    <div>
+                                        <label htmlFor={key} className="mr-2">{key.replace(/-/g, ' ').toUpperCase()} :</label>
+                                        <span>{config.description}</span>
+                                    </div>
                                 </li>
                             ))}
                         </ul>