male zmiany w css

templates/base.html

@@ -199,7 +199,20 @@
     .btn-logout {
       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,28 +1,13 @@
 {% extends "base.html" %}
 {% block head %}
 <style>
-  /* Poprawiona responsywność i centrowanie */
+@media (min-width: 577px) and (min-height: 600px) {
   .full-height-row {
-    display: flex;
-    align-items: center;
-    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;
+    min-height: calc(100vh - 56px) !important;
+    align-items: flex-start;
+    padding-top: 15%; /* lub inna wartość, która odpowiada Twoim potrzebom */
   }
+}
 </style>
 {% endblock %}
 {% block content %}

templates/register.html

@@ -1,28 +1,13 @@
 {% extends "base.html" %}
 {% block head %}
 <style>
-  /* Poprawiona responsywność i centrowanie */
+@media (min-width: 577px) and (min-height: 600px) {
   .full-height-row {
-    display: flex;
-    align-items: center;
-    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;
+    min-height: calc(100vh - 56px) !important;
+    align-items: flex-start;
+    padding-top: 15%; /* lub inna wartość, która odpowiada Twoim potrzebom */
   }
+}
 </style>
 {% endblock %}
 {% block content %}