linia

css/style.css

@@ -1,4 +1,3 @@
-
 /* Podstawowe style dla zakładek */
 .tab {
     display: none;
@@ -22,6 +21,7 @@
     background-color: #f2f2f2;
     border: 1px solid #ccc;
     border-radius: 4px;
+    transition: background-color 0.3s, color 0.3s, border 0.3s;
 }
 
 .category-buttons button.active {
@@ -60,6 +60,8 @@ tr:nth-child(even) {
 .select-class select {
     padding: 5px;
     font-size: 16px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
 }
 
 /* Stylizacja nagłówków */
@@ -71,11 +73,63 @@ h1, h2, h3 {
 body {
     font-family: Arial, sans-serif;
     margin: 20px;
+    background-color: #fafafa;
 }
 
-footer {
+/* Stylizacja stopki */
-    text-align: center;
+footer.footer {
-    margin-top: 40px;
+    width: 100%;
-    font-size: 14px;
+    padding: 20px 0;
+    background-color: #fafafa;
     color: #555;
 }
+
+.footer-container {
+    max-width: 1200px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+}
+
+.footer-left, .footer-right {
+    width: 100%;
+}
+
+.footer-left {
+    text-align: left;
+}
+
+.footer-right {
+    text-align: right;
+}
+
+.footer-line {
+    border: none;
+    border-top: 2px solid #ddd;
+    margin: 20px 0;
+    width: 100%;
+}
+
+/* Dodatkowe style dla estetyki */
+.footer-left p,
+.footer-right p {
+    margin: 5px 0;
+    font-size: 14px;
+    color: #333;
+}
+
+/* Stylizacja przycisków ogólna */
+button {
+    outline: none;
+}
+
+button:hover {
+    opacity: 0.8;
+}
+
+/* Stylizacja checkboxów */
+input[type="checkbox"] {
+    transform: scale(1.2);
+    cursor: pointer;
+}

index.html

@@ -35,6 +35,7 @@
                     <td>Brak godzin nieusprawiedliwionych</td>
                     <td><input type="number" id="brak_godzin-punkty" value="20" onchange="calculateStats()"></td>
                 </tr>
+                <!-- Dodaj pozostałe wiersze kryteriów tutaj -->
                 <tr>
                     <td>Minimum 85% frekwencja</td>
                     <td><input type="number" id="min_85-punkty" value="20" onchange="calculateStats()"></td>
@@ -146,11 +147,16 @@
         <div id="stats-output"></div>
     </div>
 
-    <footer style="margin: 20px">
+    <footer class="footer">
-        B. Hrynowiecki <br>
+        <div class="footer-left">
-        K. Michalak <br>
+            <p>B. Hrynowiecki</p>
-        F. Kowalski <br>
+            <p>K. Michalak</p>
-        Led and Authored by M. Pabiszczak
+            <p>F. Kowalski</p>
+        </div>
+        <hr class="footer-line">
+        <div class="footer-right">
+            <p>Led and Authored by M. Pabiszczak</p>
+        </div>
     </footer>
 
     <!-- Przeniesienie skryptu na koniec body -->