fix button layout on accounts tab

hrfee · Dec 31, 2021 · 3dbb993 · 3dbb993
1 parent 508168b
commit 3dbb993
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 6 deletions.
diff --git a/html/admin.html b/html/admin.html
@@ -538,7 +538,7 @@ <h1 class="ac" id="telegram-pin"></h1>
                             <div class="flex-expand mb-2 mt-4">
                                 <input type="number" min="0" id="create-uses" class="input ~neutral @low mr-2" value=1>
                                 <label for="create-inf-uses" class="button ~neutral @low" title="Set uses to infinite">
-                                    <span>∞</span>
+                                    <span>&infin;</span>
                                     <input type="checkbox" class="unfocused" id="create-inf-uses" aria-label="Set uses to infinite">
                                 </label>
                             </div>
@@ -644,8 +644,8 @@ <h1 class="ac" id="telegram-pin"></h1>
                     <div class="row">
                         <div class="card ~neutral @low col" id="settings-sidebar">
                             <aside class="aside sm ~info mb-2" id="settings-message">Note: <span class="badge ~critical">*</span> indicates a required field, <span class="badge ~info">R</span> indicates changes require a restart.</aside> 
-                            <span class="button ~neutral @low settings-section-button mb-2" id="setting-about"><span class="flex">{{ .strings.aboutProgram }} <i class="ri-information-line ml-2"></i></span></span>
-                            <span class="button ~neutral @low settings-section-button mb-2" id="setting-profiles"><span class="flex">{{ .strings.userProfiles }} <i class="ri-user-line ml-2"></i></span></span>
+                            <span class="button ~neutral @low settings-section-button justify-between mb-2" id="setting-about"><span class="flex">{{ .strings.aboutProgram }} <i class="ri-information-line ml-2"></i></span></span>
+                            <span class="button ~neutral @low settings-section-button justify-between mb-2" id="setting-profiles"><span class="flex">{{ .strings.userProfiles }} <i class="ri-user-line ml-2"></i></span></span>
                         </div>
                         <div class="card ~neutral @low col overflow" id="settings-panel"></div>
                     </div>

diff --git a/ts/modules/accounts.ts b/ts/modules/accounts.ts
@@ -193,8 +193,10 @@ class user implements User {
         if (!u) {
             this._notifyDropdown.querySelector(".accounts-area-matrix").classList.add("unfocused");
             this._matrix.innerHTML = `
-            <span class="chip btn @high">${window.lang.strings("add")}</span>
-            <input type="text" class="input ~neutral @low stealth-input unfocused" placeholder="@user:riot.im">
+            <div class="table-inline">
+                <span class="chip btn @high">${window.lang.strings("add")}</span>
+                <input type="text" class="input ~neutral @low stealth-input unfocused" placeholder="@user:riot.im">
+            </div>
             `;
             (this._matrix.querySelector("span") as HTMLSpanElement).onclick = this._addMatrix;
         } else {

diff --git a/ts/modules/settings.ts b/ts/modules/settings.ts
@@ -549,7 +549,7 @@ export class settingsList {
         this._sections[name] = section;
         this._panel.appendChild(this._sections[name].asElement());
         const button = document.createElement("span") as HTMLSpanElement;
-        button.classList.add("button", "~neutral", "@low", "settings-section-button", "mb-2");
+        button.classList.add("button", "~neutral", "@low", "settings-section-button", "justify-between", "mb-2");
         button.textContent = s.meta.name;
         if (subButton) { button.appendChild(subButton); }
         button.onclick = () => { this._showPanel(name); };