Update button styles and adjust font sizes in SCSS; modify table classes in finance templates

.vscode/ftp-kr.sync.cache.json

@@ -197,20 +197,20 @@
       "layout": {
         "style.css": {
           "type": "-",
-          "size": 16957,
-          "lmtime": 1733421927140,
+          "size": 17399,
+          "lmtime": 1733433255673,
           "modified": false
         },
         "style.css.map": {
           "type": "-",
-          "size": 30471,
-          "lmtime": 1733421927140,
+          "size": 31271,
+          "lmtime": 1733433255673,
           "modified": false
         },
         "style.scss": {
           "type": "-",
-          "size": 21129,
-          "lmtime": 1733421927023,
+          "size": 21687,
+          "lmtime": 1733433255539,
           "modified": false
         }
       },

layout/style.scss

@@ -95,7 +95,8 @@ body {
   justify-content: center;
   align-items: center;
 
-  &.btn_small {
+  &.btn_small,
+  &.btn-xs {
     padding: 5px 7px;
     font-size: 13px;
 
@@ -1116,27 +1117,27 @@ input[type="checkbox"] {
     color: $cBlack;
 
     &.zoom-100 {
-      font-size: 100%;
+      font-size: 130%;
     }
 
     &.zoom-90 {
-      font-size: 90%;
+      font-size: 120%;
     }
 
     &.zoom-80 {
-      font-size: 90%;
+      font-size: 110%;
     }
 
     &.zoom-70 {
-      font-size: 85%;
+      font-size: 100%;
     }
 
     &.zoom-60 {
-      font-size: 85%;
+      font-size: 95%;
     }
 
     &.zoom-50 {
-      font-size: 80%;
+      font-size: 85%;
     }
 
     &.zoom-40 {

templates/finances/main-view.php

@@ -100,9 +100,9 @@
       </select>
     </div>
     <div class="categories">
-      <table class="table table-sm" style="background: #FFF;">
+      <table class="table" style="background: #FFF;">
         <thead>
-          <tr class="dark">
+          <tr>
             <th>Kategoria <a href="/finances/category_edit/" class="btn btn-success btn-xs btn-add-category" title="dodaj kategorię"><i class="fa fa-plus"></i></a></th>
             <th class="text-right" style="width: 100px;">Koszty</th>
             <th class="text-right" style="width: 50px;">Ilość</th>
@@ -228,9 +228,9 @@
     </div>
   </div>
   <div class="column-right">
-    <table class="table table-sm" style="background: #FFF;">
+    <table class="table" style="background: #FFF;">
       <thead>
-        <tr class="dark">
+        <tr>
           <th class="text-right" style="width: 90px;">Data</th>
           <th class="text-right" style="width: 100px;">Kwota</th>
           <th>Szczegóły</th>