Dodano funkcje przybliżania, oddalania i

przewijania planszy.

style.css

@@ -69,4 +69,48 @@
  .toolbar-wrapper {
      padding-bottom: 30px;
      padding: 20px;
- }
+ }
+
+.zoom-wrapper {
+    display: flex;
+    justify-content: center;
+    gap: 15px;
+    padding: 10px 20px !important;
+}
+
+.zoom-wrapper button {
+    background: white;
+    color: #3498db;
+    border: none;
+    border-radius: 50%;
+    width: 50px;
+    height: 50px;
+    font-size: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
+    transition: all 0.3s ease;
+    outline: none;
+}
+
+.zoom-wrapper button:hover {
+    background: #2980b9;
+    color: white;
+    transform: scale(1.1);
+    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
+}
+
+.zoom-wrapper button:active {
+    transform: scale(0.95);
+}
+
+/* Fajny efekt przy najechaniu */
+.zoom-wrapper button i {
+    transition: transform 0.3s ease;
+}
+
+.zoom-wrapper button:hover i {
+    transform: scale(1.2);
+}