male zmiany w ux

static/css/style.css

@@ -116,7 +116,7 @@ input[type="checkbox"].large-checkbox::before {
 
 input[type="checkbox"].large-checkbox:checked::before {
   content: '✓';
-  color: #ffc107;
+  color: #ffffff;
 }
 
 input[type="checkbox"].large-checkbox:disabled::before {
@@ -136,3 +136,26 @@ input.form-control {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
+
+.info-bar-fixed {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  color: #f8f9fa;
+  border-radius: 12px 12px 0 0;
+  text-align: center;
+  padding: 10px 8px;
+  font-size: 0.95rem;
+  z-index: 9999;
+  box-sizing: border-box;
+}
+
+@media (max-width: 600px) {
+  .info-bar-fixed {
+    font-size: 0.85rem;
+    padding: 8px 4px;
+    border-radius: 10px 10px 0 0;
+  }
+}

templates/admin/admin_panel.html

@@ -202,9 +202,9 @@ document.getElementById('select-all').addEventListener('click', function(){
 <script src="{{ url_for('static_bp.serve_js', filename='expenses.js') }}"></script>
 {% endblock %}
 
-<div class="position-fixed bottom-0 end-0 m-2 p-2 small" 
-     style="background: rgba(255,255,255,0.1); color: #f8f9fa; border-radius: 8px; text-align: right; margin-bottom: 140px; width: auto; max-width: 100%;">
+<div class="info-bar-fixed">
   Python: {{ python_version.split()[0] }} | {{ system_info }} | RAM app: {{ app_memory }}
 </div>
 
+
 {% endblock %}

templates/admin/list_users.html

@@ -4,6 +4,7 @@
 
 <div class="d-flex justify-content-between align-items-center flex-wrap mb-4">
   <h2 class="mb-2">👥 Lista użytkowników</h2>
+
   <a href="/admin" class="btn btn-outline-secondary">← Powrót do panelu</a>
 </div>