From a200b41fc68ca7afd98d353aa438e13324d71940 Mon Sep 17 00:00:00 2001
From: Moe <github@m03.ca>
Date: Mon, 10 Aug 2020 21:18:33 -0700
Subject: [PATCH] customAutoLoad UI : minor prettify

---
 web/libs/js/super.customAutoLoad.js           | 39 ++++++++++---------
 .../blocks/superCustomAutoLoadManager.ejs     |  2 +-
 2 files changed, 22 insertions(+), 19 deletions(-)

diff --git a/web/libs/js/super.customAutoLoad.js b/web/libs/js/super.customAutoLoad.js
index 6d2a5a8a..90cf4a37 100644
--- a/web/libs/js/super.customAutoLoad.js
+++ b/web/libs/js/super.customAutoLoad.js
@@ -12,26 +12,29 @@ $(document).ready(function(){
             existingElement.find('.title').text(humanName)
             existingElement.find('[calm-action="status"]').text(module.disabled ? lang.Enable : lang.Disable)
         }else{
-            listElement.append(`<div class="card" package-name="${module.name}">
-                <div class="card-body">
-                    <div><h4 class="title">${humanName}</h4></div>
-                    <div>
-                        ${!module.isIgnitor ? `
-                            ${module.hasInstaller ? `
-                                <a href="#" class="btn btn-sm btn-info" calm-action="install">${lang['Run Installer']}</a>
-                            ` : ''}
-                            <a href="#" class="btn btn-sm btn-default" calm-action="status">${module.disabled ? lang.Enable : lang.Disable}</a>
-                        ` : ''}
-                        <a href="#" class="btn btn-sm btn-danger" calm-action="delete">${lang.Delete}</a>
-                    </div>
-                    <div>
-                        <div class="install-output row">
-                            <code class="col-md-6 pr-2"><pre class="install-output-stdout"></pre></code>
-                            <code class="col-md-6 pl-2"><pre class="install-output-stderr"></pre></code>
+            listElement.append(`
+                <div class="col-md-6">
+                    <div class="card" package-name="${module.name}">
+                        <div class="card-body" style="min-height:auto">
+                            <div><h4 class="title mt-0">${humanName}</h4></div>
+                            <div class="mb-2">
+                                ${!module.isIgnitor ? `
+                                    ${module.hasInstaller ? `
+                                        <a href="#" class="btn btn-sm btn-info" calm-action="install">${lang['Run Installer']}</a>
+                                    ` : ''}
+                                    <a href="#" class="btn btn-sm btn-default" calm-action="status">${module.disabled ? lang.Enable : lang.Disable}</a>
+                                ` : ''}
+                                <a href="#" class="btn btn-sm btn-danger" calm-action="delete">${lang.Delete}</a>
+                            </div>
+                            <div class="pl-2 pr-2">
+                                <div class="install-output row">
+                                    <code class="col-md-6 pr-2"><pre class="install-output-stdout" style="max-height: 300px;"></pre></code>
+                                    <code class="col-md-6 pl-2"><pre class="install-output-stderr" style="max-height: 300px;"></pre></code>
+                                </div>
+                            </div>
                         </div>
                     </div>
-                </div>
-            </div>`)
+                </div>`)
             var newBlock = $(`.card[package-name="${module.name}"]`)
             loadedBlocks[module.name] = {
                 block: newBlock,
diff --git a/web/pages/blocks/superCustomAutoLoadManager.ejs b/web/pages/blocks/superCustomAutoLoadManager.ejs
index c1f06e3c..e9eaaf8a 100644
--- a/web/pages/blocks/superCustomAutoLoadManager.ejs
+++ b/web/pages/blocks/superCustomAutoLoadManager.ejs
@@ -7,7 +7,7 @@
     </div>
     <div><button type="submit" class="btn btn-block btn-default"><i class="fa fa-download"></i> <%- lang.Download %></button></div>
 </form>
-<div class="form-group-group red pt-2 pb-2" id="customAutoLoadList">
+<div class="form-group-group red pt-4 pb-0 row m-0" id="customAutoLoadList">
 
 </div>
 <script src="<%-window.libURL%>libs/js/super.customAutoLoad.js" type="text/javascript"></script>