From 3c7d18b8db92f1f7ba4cc13cf0907e33da1f2a2e Mon Sep 17 00:00:00 2001
From: nathan <nathangray.bsc+github@gmail.com>
Date: Wed, 20 Oct 2021 15:26:39 -0600
Subject: [PATCH] Api: Change app placeholders list to use some more horizontal
 space, stop hiding common & user placeholders

---
 api/templates/default/show_replacements.xet | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/api/templates/default/show_replacements.xet b/api/templates/default/show_replacements.xet
index 576563f3d8..66ea453f57 100644
--- a/api/templates/default/show_replacements.xet
+++ b/api/templates/default/show_replacements.xet
@@ -26,22 +26,18 @@
                 </box>
             </box>
             <template template="@extra_template"/>
-            <details title="Common">
                 <description value="Common" class="group title"/>
                 <box id="common">
                     <box id="${row}">
                         <template template="api.show_replacements.placeholder_list"/>
                     </box>
                 </box>
-            </details>
-            <details title="Current user">
                 <description value="Current user" class="group title"/>
                 <box id="user">
                     <box id="${row}">
                         <template template="api.show_replacements.placeholder_list"/>
                     </box>
                 </box>
-            </details>
         </vbox>
         <styles>
             .et2_details_title, .title {
@@ -60,6 +56,17 @@
             #api-show_replacements_title:first-letter, .title {
             text-transform: capitalize;
             }
+            div#api-show_replacements_placeholders, #api-show_replacements_common, #api-show_replacements_user {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 10px 20px;
+            }
+            div[id^="api-show_replacements"] {
+            min-width: 350px;
+            }
+            table#api-show_replacements_placeholders > tbody > tr > td:first-child {
+            padding-right: 5em;
+            }
         </styles>
     </template>
 </overlay>