From 36eaaac2009d151d49f50a913c472eb0fccd60c6 Mon Sep 17 00:00:00 2001
From: RainyXeon <xeondev@xeondex.onmicrosoft.com>
Date: Fri, 12 Jul 2024 18:58:10 +0700
Subject: [PATCH] improve: module element style

---
 webroot/index.html |  2 +-
 webroot/js/main.js | 13 +++++--------
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/webroot/index.html b/webroot/index.html
index fee2456..049ad56 100644
--- a/webroot/index.html
+++ b/webroot/index.html
@@ -98,7 +98,7 @@
     <div id="panel_modules" style="display: none;">
       <div id="panel_modules_header" class="header">Modules</div>
       <div style="padding: 40px 0px;"></div>
-      <div id="modules_list" class="dimc" style="width: 100%; margin-bottom: 6.5em;">
+      <div id="modules_list" style="margin-bottom: 6.5em; width: 100%; height: fit-content;">
         <!-- N/A -->
       </div>
     </div>
diff --git a/webroot/js/main.js b/webroot/js/main.js
index 243697c..b7c90d1 100644
--- a/webroot/js/main.js
+++ b/webroot/js/main.js
@@ -112,10 +112,7 @@ import { setNewLanguage, getTranslations } from './language.js'
 
     if (modules.length === 0) return;
 
-    let index = 0
     for (const module of modules) {
-      index += 1
-
       const lsZygiskCmd = await exec(`ls ${module}/zygisk`)
       if (lsZygiskCmd.errno !== 0) {
         toast(`${translations.cmdErrors.js} ${module} (${lsZygiskCmd.errno}): ${lsZygiskCmd.stderr}`)
@@ -136,11 +133,11 @@ import { setNewLanguage, getTranslations } from './language.js'
         const name = lines.find(line => line.includes('name=')).split('=')[1]
 
         modules_list.innerHTML += 
-        `<div class="${index !== modules.length ? 'spliter' : ''}" style="padding-top: 13px; padding-bottom: 13px; padding-left: 10px; padding-right: 10px">
-          <div style="font-size: 1.1em;">${name}</div>
-          <div class="desc" style="font-size: 0.9em; margin-top: 3px; white-space: nowrap; align-items: center; display: flex;">
-            <div class="arch_desc">${translations.page.modules.arch}</div>
-            <div style="margin-left: 5px;">${bitsUsed.join(' / ')}</div>
+        `<div class="dim card">
+          <div class="dimc" style="font-size: 1.1em;">${name}</div>
+          <div class="dimc desc" style="font-size: 0.9em; margin-top: 3px; white-space: nowrap; align-items: center; display: flex;">
+            <div class="dimc arch_desc">${translations.page.modules.arch}</div>
+            <div class="dimc" style="margin-left: 5px;">${bitsUsed.join(' / ')}</div>
           </div>
         </div>`
       } else {