containers/libreportal/frontend/css/ssh.css

@@ -33,18 +33,6 @@
     margin-top: 2px;
 }
 
-/* Login + Add-a-key are light on content, so sit them side by side (50/50) on
-   tablet/desktop; stack on mobile. Authorized keys stays full width below. */
-.ssh-cols {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: 16px;
-    align-items: start;
-}
-@media (max-width: 640px) {
-    .ssh-cols { grid-template-columns: 1fr; }
-}
-
 .ssh-key-list {
     display: flex;
     flex-direction: column;

containers/libreportal/frontend/js/components/ssh/ssh-page.js

@@ -116,10 +116,8 @@ class SshPage {
                         <p>Control who can SSH into this server (logging in as <code>${this.escape(d.user)}</code>). Grant access by adding a public key, and optionally require key-only login.</p>
                     </div>
                 </div>
-                <div class="ssh-cols">
-                    ${section('Login', pwOn ? 'Password login is on. Add a key, then you can switch to key-only.' : 'Password login is disabled — only the keys below can connect.', loginInner)}
-                    ${section('Add a key', 'Authorize a new machine to log in.', addInner)}
-                </div>
+                ${section('Login', pwOn ? 'Password login is on. Add a key, then you can switch to key-only.' : 'Password login is disabled — only the keys below can connect.', loginInner)}
+                ${section('Add a key', 'Authorize a new machine to log in.', addInner)}
                 ${section('Authorized keys', 'Machines currently allowed to SSH in.', `<div class="ssh-key-list ssh-section-body">${keysHtml}</div>`)}
             </div>
         `;