From e98c9b46f106dea71b8fe183952789e8ce4628bb Mon Sep 17 00:00:00 2001
From: Harvey Tindall <hrfee@protonmail.ch>
Date: Sat, 22 May 2021 23:18:43 +0100
Subject: [PATCH] Accounts: no wrapping for contact dropdown

---
 css/base.css           |  4 ++++
 ts/modules/accounts.ts | 14 +++++++-------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/css/base.css b/css/base.css
index d40e6f9..57d7f31 100644
--- a/css/base.css
+++ b/css/base.css
@@ -443,6 +443,10 @@ p.top {
     margin-bottom: -0.5rem;
 }
 
+.dropdown-display.lg {
+    white-space: nowrap;
+}
+
 pre {
     white-space: pre-wrap;       /* css-3 */
     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
diff --git a/ts/modules/accounts.ts b/ts/modules/accounts.ts
index c685465..18f4b77 100644
--- a/ts/modules/accounts.ts
+++ b/ts/modules/accounts.ts
@@ -128,14 +128,14 @@ class user implements User {
                 <div class="table-inline">
                     <i class="icon ri-settings-2-line ml-half dropdown-button"></i>
                     <div class="dropdown manual">
-                        <div class="dropdown-display">
+                        <div class="dropdown-display lg">
                             <div class="card ~neutral !low">
                                 <span class="supra sm">${window.lang.strings("contactThrough")}</span>
-                                <label class="switch pb-1 mt-half">
+                                <label class="row switch pb-1 mt-half">
                                     <input type="checkbox" name="accounts-contact-${this.id}" class="accounts-contact-email">
                                     <span>Email</span>
                                 </label>
-                                <label class="switch pb-1">
+                                <label class="row switch pb-1">
                                     <input type="checkbox" name="accounts-contact-${this.id}" class="accounts-contact-telegram">
                                     <span>Telegram</span>
                                 </label>
@@ -233,21 +233,21 @@ class user implements User {
                 <a href="https://discord.com/users/${this._discordID}" class="discord-link" target="_blank">${u}</a>
                 <i class="icon ri-settings-2-line ml-half dropdown-button"></i>
                 <div class="dropdown manual">
-                    <div class="dropdown-display">
+                    <div class="dropdown-display lg">
                         <div class="card ~neutral !low">
                             <span class="supra sm">${window.lang.strings("contactThrough")}</span>
-                            <label class="switch pb-1 mt-half">
+                            <label class="row switch pb-1 mt-half">
                                 <input type="checkbox" name="accounts-contact-${this.id}" class="accounts-contact-email">
                                 <span>Email</span>
                             </label>
-                            <label class="switch pb-1">
+                            <label class="row switch pb-1">
                                 <input type="checkbox" name="accounts-contact-${this.id}" class="accounts-contact-discord">
                                 <span>Discord</span>
                             </label>
             `;
             if (window.telegramEnabled && this._telegramUsername != "") {
                 innerHTML += `
-                            <label class="switch pb-1">
+                            <label class="row switch pb-1">
                                 <input type="checkbox" name="accounts-contact-${this.id}" class="accounts-contact-telegram">
                                 <span>Telegram</span>
                             </label>