male zmiany w css

templates/login.html

@@ -1,18 +1,25 @@
 {% extends "base.html" %}
 {% block head %}
 <style>
-  @media (max-width: 576px) {
+
+  @media (max-width: 576px), (max-height: 600px) {
     .full-height-row {
       min-height: auto !important;
       padding-top: 1rem;
       padding-bottom: 1rem;
     }
   }
+
+  @media (min-width: 577px) and (min-height: 600px) {
+    .full-height-row {
+      min-height: calc(100vh - 56px) !important;
+    }
+  }
 </style>
 {% endblock %}
 {% block content %}
 <div class="container">
-  <div class="row full-height-row justify-content-center align-items-center" style="min-height: 100vh;">
+  <div class="row full-height-row justify-content-center align-items-center">
     <div class="col-md-6">
       <div class="card shadow">
         <div class="card-header text-center">

templates/register.html

@@ -1,18 +1,25 @@
 {% extends "base.html" %}
 {% block head %}
 <style>
-  @media (max-width: 576px) {
+<style>
+  @media (max-width: 576px), (max-height: 600px) {
     .full-height-row {
       min-height: auto !important;
       padding-top: 1rem;
       padding-bottom: 1rem;
     }
   }
+  @media (min-width: 577px) and (min-height: 600px) {
+    .full-height-row {
+      min-height: calc(100vh - 56px) !important;
+    }
+  }
+</style>
 </style>
 {% endblock %}
 {% block content %}
 <div class="container">
-  <div class="row full-height-row justify-content-center align-items-center" style="min-height: 100vh;">
+  <div class="row full-height-row justify-content-center align-items-center">
     <div class="col-md-6">
       <div class="card shadow">
         <div class="card-header text-center">

templates/router_details_v2.html

@@ -56,6 +56,7 @@
             </div>
           </form>
           <!-- Tabela z eksportami -->
+          <div class="table-responsive">
           <table class="table table-bordered table-striped">
             <thead class="table-dark">
               <tr>
@@ -116,6 +117,7 @@
               {% endfor %}
             </tbody>
           </table>
+          </div>
           {% else %}
           <p class="text-muted">Brak plików /export.</p>
           {% endif %}
@@ -136,6 +138,7 @@
             </div>
           </form>
           <!-- Tabela z backupami binarnymi -->
+          <div class="table-responsive">
           <table class="table table-bordered table-striped">
             <thead class="table-dark">
               <tr>
@@ -192,6 +195,7 @@
               {% endfor %}
             </tbody>
           </table>
+          </div>
           {% else %}
           <p class="text-muted">Brak plików binarnych.</p>
           {% endif %}

templates/routers.html

@@ -2,12 +2,12 @@
 {% block content %}
 <div class="container my-4">
   <div class="d-flex justify-content-between align-items-center mb-3">
-    <h2>Moje Routery</h2>
+    <h2>Lista urządzeń</h2>
     <a href="{{ url_for('add_router') }}" class="btn btn-success">
       <i class="bi bi-plus-lg"></i> Dodaj nowe urządzenie
     </a>
   </div>
-  <div class="table-responsive">
+  <div class="table-responsive-sm">
     <table class="table table-striped table-hover">
       <thead class="table-primary">
         <tr>