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 a7238b297dd3c95ac7a09a4fa34fa40f48e9bc47..22848ac2d87dd1fbfd4f506c10d0330f98873707 100644 (file)
--- 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'}