zmiany stylistyczne/usuwanie niepotrzebnych rzeczy

css/style.css

@@ -25,6 +25,7 @@ header {
 
 .header-title {
     margin-left: auto; /* Przesuwa tytuł na prawo */
+    user-select: none;
 }
 
 /* Style dla przycisków kategorii */
@@ -45,38 +46,49 @@ header {
     border: 1px solid black;
     border-radius: 4px;
     transition: background-color 0.3s, color 0.3s, border 0.3s;
-
+    user-select: none;
-   
 }
 
 .category-buttons button.active {
-    background-color: #4CAF50;
+    background-color: seagreen;
     color: white;
-    border: 1px solid #4CAF50;
+    border: 1px solid seagreen;
 }
 
 .up-button {
     margin: 10px 0;
     text-align: left;
+    user-select: none;
 }
 
 .up-button button {
+    background-color: seagreen;
+    color: white;
+    border: 1px solid seagreen;
     margin: 5px;
     padding: 10px 15px;
     font-size: 16px;
     cursor: pointer;
-    background-color: #f2f2f2;
+    border-radius: 10px;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    transition: background-color 0.3s, color 0.3s, border 0.3s;
 }
 
-.up-button button.active {
+.up-button button:hover {
-    background-color: #4CAF50;
+    opacity: 0.9;
-    color: white;
+    transition: 0.4s;
-    border: 1px solid #4CAF50;
+    
 }
 
+.up-button button:active {
+    opacity: 0.4;
+}
+
+.tag {
+    color: white;
+    user-select: none;
+}
+
+
+
 .container {
     display: flex;
     flex-direction: column; /* Elementy jeden pod drugim */
@@ -95,6 +107,7 @@ table {
     border-collapse: collapse;
     margin-top: 20px;
     background-color: whitesmoke;
+    user-select: none;
 }
 
 th, td {
@@ -118,6 +131,7 @@ tr:nth-child(even) {
 
 .select-role {
     text-align: center;
+    user-select: none;
 }
 
 .select-class select {
@@ -125,6 +139,7 @@ tr:nth-child(even) {
     font-size: 16px;
     border: 1px solid lightgray;
     border-radius: 4px;
+    user-select: none;
 }
 
 .select-role select {
@@ -137,6 +152,8 @@ tr:nth-child(even) {
 /* Stylizacja nagłówków */
 h1, h2, h3 {
     text-align: center;
+    color: whitesmoke;
+    user-select: none;
 }
 
 /* Dodatkowe style dla układu */
@@ -192,15 +209,6 @@ footer.footer {
     
 }
 
-/* Stylizacja przycisków ogólna */
-button {
-    outline: none;
-}
-
-button:hover {
-    opacity: 0.8;
-}
-
 /* Stylizacja checkboxów */
 input[type="checkbox"] {
     transform: scale(1.2);

data/criteria.json

@@ -74,7 +74,7 @@
         },
         {
             "id": 19,
-            "name": "aktywny udział w organizowaniu imprez klasowych, szkolnych, uroczystości okolicznościowych ( każdorazowo)"
+            "name": "aktywny udział w organizowaniu imprez klasowych, szkolnych, uroczystości okolicznościowych (każdorazowo)"
         },
         {
             "id": 20,
@@ -98,7 +98,7 @@
         },
         {
             "id": 25,
-            "name": "udział w akcjach charytatywnych ( każdorazowo)"
+            "name": "udział w akcjach charytatywnych (każdorazowo)"
         },
         {
             "id": 26,
@@ -170,7 +170,7 @@
         },
         {
             "id": "konkursy-olimpiady",
-            "name": "udział w konkursach, olimpiadach przedmiotowych ( każdorazowo)",
+            "name": "Udział w konkursach, olimpiadach przedmiotowych (każdorazowo)",
             "criteria_ids": [
                 4,
                 5,
@@ -185,7 +185,7 @@
         },
         {
             "id": "konkursy-szkolne",
-            "name": "udział w konkursach szkolnych (każdorazowo)",
+            "name": "Udział w konkursach szkolnych (każdorazowo)",
             "criteria_ids": [
                 13,
                 14
@@ -193,7 +193,7 @@
         },
         {
             "id": "reprezentowanie-szkoły",
-            "name": "reprezentowanie szkoły w zawodach sportowych indywidualnie i w zespole:",
+            "name": "Reprezentowanie szkoły w zawodach sportowych indywidualnie i w zespole:",
             "criteria_ids": [
                 15,
                 16,
@@ -239,7 +239,7 @@
     ],
     "roles": {
         "teacher": {
-            "name": "Teacher",
+            "name": "Nauczyciel",
             "criteria_ids": [
                 1,
                 2,
@@ -266,7 +266,7 @@
             ]
         },
         "homeroom_teacher": {
-            "name": "Homeroom Teacher",
+            "name": "Wychowawca Klasy",
             "criteria_ids": [
                 1,
                 2,
@@ -279,7 +279,7 @@
             ]
         },
         "principal": {
-            "name": "Principal",
+            "name": "Dyrektor",
             "criteria_ids": [
                 8,
                 9,
@@ -288,14 +288,14 @@
             ]
         },
         "student": {
-            "name": "Student",
+            "name": "Uczeń",
             "criteria_ids": [
                 12,
                 13
             ]
         },
         "patryk": {
-            "name": "patryk",
+            "name": "Mpabi",
             "criteria_ids": [
                 15,
                 16

index.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <title>Ocena Zachowania</title>
     <link rel="stylesheet" href="css/style.css">
+    <link rel="icon" type="image/x-icon" href="ikona.png">
     <style>
         table {
             width: 100%;
@@ -132,14 +133,14 @@
         
 
         <div class="select-role">
-            <p>Wybierz role:</p>
+            <p class="tag">Wybierz role:</p>
             <select onchange="changeRole()" id="select-role" class="select-role">
 
             </select>
         </div>
 
         <div class="select-class" id="select-class-container">
-            <p>Wybierz klasę:</p>
+            <p class="tag">Wybierz klasę:</p>
             <select class="select-class" id="select-class-select">
                 <!-- Opcje będą ładowane dynamicznie -->
             </select>
@@ -183,6 +184,7 @@
                 <p>S. Ptak</p>
                 <p>B. Bohdan</p>
                 <P>T. Zadworny</P>
+                <p>J. Rzodkiew</p>
             </div>
             <div class="footer-right">
                 <p>M. Pabiszczak</p>