From: Tim Düsterhus <duesterhus@woltlab.com>
Date: Tue, 27 Apr 2021 09:33:55 +0000 (+0200)
Subject: Fix table containing TOTP devices overflowing the viewport on mobile
X-Git-Tag: 5.4.0_Alpha_1~38
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=38324ef14ff08c17c004aef3108243ba9749b58f;p=GitHub%2FWoltLab%2FWCF.git

Fix table containing TOTP devices overflowing the viewport on mobile
---

diff --git a/com.woltlab.wcf/templates/__multifactorTotpDevicesContainer.tpl b/com.woltlab.wcf/templates/__multifactorTotpDevicesContainer.tpl
index a7238b297d..22848ac2d8 100644
--- a/com.woltlab.wcf/templates/__multifactorTotpDevicesContainer.tpl
+++ b/com.woltlab.wcf/templates/__multifactorTotpDevicesContainer.tpl
@@ -14,24 +14,26 @@
 		{/if}
 	{/if}
 	
-	<table class="table table-responsive">
-		<thead>
-			<tr>
-				<th class="columnText">{lang}wcf.user.security.multifactor.totp.deviceName{/lang}</th>
-				<th class="columnText">{lang}wcf.user.security.multifactor.totp.createTime{/lang}</th>
-				<th class="columnText">{lang}wcf.user.security.multifactor.totp.useTime{/lang}</th>
-				<th></th>
-			</tr>
-		</thead>
-		
-		<tbody>
-			{foreach from=$container item='child'}
-				{if $child->isAvailable()}
-					{@$child->getHtml()}
-				{/if}
-			{/foreach}
-		</tbody>
-	</table>
+	<div class="tabularBox">
+		<table class="table">
+			<thead>
+				<tr>
+					<th class="columnText">{lang}wcf.user.security.multifactor.totp.deviceName{/lang}</th>
+					<th class="columnText">{lang}wcf.user.security.multifactor.totp.createTime{/lang}</th>
+					<th class="columnText">{lang}wcf.user.security.multifactor.totp.useTime{/lang}</th>
+					<th></th>
+				</tr>
+			</thead>
+			
+			<tbody>
+				{foreach from=$container item='child'}
+					{if $child->isAvailable()}
+						{@$child->getHtml()}
+					{/if}
+				{/foreach}
+			</tbody>
+		</table>
+	</div>
 </section>
 
 {include file='__formContainerDependencies'}