Fix login page layout

server/src/client/assets/css/login.css

@@ -3,14 +3,9 @@ body {
     flex-wrap: wrap;
     justify-content: stretch;
     align-items: stretch;
-}
-
-@media screen and (max-width: 50rem) {
-    body {
     flex-direction: column;
     flex-wrap: nowrap;
 }
-}
 
 body>div {
     display: block;
@@ -39,7 +34,6 @@ main {
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    /* block-size: 100%; */
     max-block-size: 100%;
 
     &>:first-child {
@@ -71,3 +65,13 @@ form {
     max-inline-size: 40ch;
     gap: 1rem;
 }
+
+@media screen and (min-width: 50rem) {
+    body {
+        flex-direction: row;
+    }
+
+    main {
+        margin-block: 0;
+    }
+}