From 37548b3695ec9b68ade6520bd0d94f661644b6ae Mon Sep 17 00:00:00 2001
From: Michel Roegl-Brunner <michel.roegl-brunner@htl-braunau.at>
Date: Tue, 18 Mar 2025 15:42:19 +0100
Subject: [PATCH] Frontend

---
 .../app/scripts/_components/ScriptItem.tsx    | 32 +++++++++----------
 1 file changed, 15 insertions(+), 17 deletions(-)

diff --git a/frontend/src/app/scripts/_components/ScriptItem.tsx b/frontend/src/app/scripts/_components/ScriptItem.tsx
index deacd17..8f1efd5 100644
--- a/frontend/src/app/scripts/_components/ScriptItem.tsx
+++ b/frontend/src/app/scripts/_components/ScriptItem.tsx
@@ -94,9 +94,6 @@ function ScriptItem({
                                                 Default OS: {os} {version}
                                             </p>
                                         </div>
-                                        <div className="flex gap-5">
-                                            <DefaultSettings item={item} />
-                                        </div>
                                         <div>{versions.length === 0 ? (<p>Loading versions...</p>) :
                                             (<>
                                                 <p className="text-l text-foreground">Version:</p>
@@ -107,26 +104,27 @@ function ScriptItem({
 
                                                 )?.version || "No Version information found"
                                                 }</p>
-                                            <p className="text-l text-foreground">Latest changes:</p>
-                                            <p className="text-l text-muted-foreground">
-                                                {(() => {
-                                                    const matchedVersion = versions.find((v) =>
-                                                        v.name === item.slug.replace(/[^a-z0-9]/g, '') ||
-                                                        v.name.includes(item.slug.replace(/[^a-z0-9]/g, '')) ||
-                                                        v.name.replace(/[^a-z0-9]/g, '') === item.slug.replace(/[^a-z0-9]/g, '')
-                                                    );
-                                                    return matchedVersion?.date ?
-                                                        extractDate(matchedVersion.date as unknown as string) :
-                                                        "No date information found"
-                                                })()}
-                                            </p>
+                                                <p className="text-l text-foreground">Latest changes:</p>
+                                                <p className="text-l text-muted-foreground">
+                                                    {(() => {
+                                                        const matchedVersion = versions.find((v) =>
+                                                            v.name === item.slug.replace(/[^a-z0-9]/g, '') ||
+                                                            v.name.includes(item.slug.replace(/[^a-z0-9]/g, '')) ||
+                                                            v.name.replace(/[^a-z0-9]/g, '') === item.slug.replace(/[^a-z0-9]/g, '')
+                                                        );
+                                                        return matchedVersion?.date ?
+                                                            extractDate(matchedVersion.date as unknown as string) :
+                                                            "No date information found"
+                                                    })()}
+                                                </p>
                                             </>)
                                         }
                                         </div>
                                     </div>
                                 </div>
                             </div>
-                            <div className="hidden flex-col justify-between gap-2 sm:flex">
+                            <div className="flex flex-col items-end gap-4 ml-auto">
+                                <DefaultSettings item={item} />
                                 <InterFaces item={item} />
                                 <Buttons item={item} />
                             </div>