templates/base.html

@@ -200,19 +200,6 @@
       color: #fff;
     }
 
-    /* Ustawienia globalne */
-    html, body {
-      height: 100%;
-      margin: 0;
-    }
-    body {
-      display: flex;
-      flex-direction: column;
-    }
-    /* Wrapper głównej zawartości, który rośnie, aby wypełnić przestrzeń */
-    .wrapper {
-      flex: 1;
-    }
   </style>
 
   {% block head %}{% endblock %}

templates/login.html

@@ -1,12 +1,27 @@
 {% extends "base.html" %}
 {% block head %}
 <style>
-@media (min-width: 577px) and (min-height: 600px) {
+  /* Poprawiona responsywność i centrowanie */
   .full-height-row {
-    min-height: calc(100vh - 56px) !important;
+    display: flex;
-    align-items: flex-start;
+    align-items: center;
-    padding-top: 15%; /* lub inna wartość, która odpowiada Twoim potrzebom */
+    justify-content: center;
+    min-height: 100vh;
+    padding-top: 2rem;
   }
+
+  @media (max-width: 768px) {
+    .full-height-row {
+      min-height: auto;
+      padding-top: 1rem;
+      padding-bottom: 1rem;
+    }
+  }
+
+  .card {
+    width: 100%;
+    max-width: 420px;
+    margin: auto;
   }
 </style>
 {% endblock %}

templates/register.html

@@ -1,12 +1,27 @@
 {% extends "base.html" %}
 {% block head %}
 <style>
-@media (min-width: 577px) and (min-height: 600px) {
+  /* Poprawiona responsywność i centrowanie */
   .full-height-row {
-    min-height: calc(100vh - 56px) !important;
+    display: flex;
-    align-items: flex-start;
+    align-items: center;
-    padding-top: 15%; /* lub inna wartość, która odpowiada Twoim potrzebom */
+    justify-content: center;
+    min-height: 100vh;
+    padding-top: 2rem;
   }
+
+  @media (max-width: 768px) {
+    .full-height-row {
+      min-height: auto;
+      padding-top: 1rem;
+      padding-bottom: 1rem;
+    }
+  }
+
+  .card {
+    width: 100%;
+    max-width: 420px;
+    margin: auto;
   }
 </style>
 {% endblock %}