From 38a215bad46edef78bc7bc1817869d241c4371c2 Mon Sep 17 00:00:00 2001
From: Geoge Sladkovsky <sladkovsky.george@gmail.com>
Date: Sat, 27 Apr 2024 13:25:08 +0200
Subject: [PATCH 1/4] #373 set smaller ui

---
 .../slovensko/autogram/ui/gui/idsk.css        | 226 +++++++++---------
 .../autogram/ui/gui/signature-details.fxml    |   4 +-
 .../autogram/ui/gui/signing-dialog.fxml       |   2 +-
 3 files changed, 116 insertions(+), 116 deletions(-)

diff --git a/src/main/resources/digital/slovensko/autogram/ui/gui/idsk.css b/src/main/resources/digital/slovensko/autogram/ui/gui/idsk.css
index b37000d03..ea9bdc5aa 100644
--- a/src/main/resources/digital/slovensko/autogram/ui/gui/idsk.css
+++ b/src/main/resources/digital/slovensko/autogram/ui/gui/idsk.css
@@ -40,7 +40,7 @@
   -autogram-partial-success-colour: #003078;
 
   -fx-font-family: "Source Sans Pro", "Arial", sans-serif;
-  -fx-font-size: 16px;
+  -fx-font-size: 13px;
 
   -fx-font-smoothing-type: gray;
 
@@ -77,9 +77,9 @@
   -fx-background-color: -autogram-input-border-colour, -autogram-background-colour;
   -fx-background-insets: 0, 2;
   -fx-background-radius: 25px;
-  -fx-pref-height: 40px;
-  -fx-pref-width: 40px;
-  -fx-min-height: 40px;
+  -fx-pref-height: 32px;
+  -fx-pref-width: 32px;
+  -fx-min-height: 32px;
   -fx-min-width: 40px;
 }
 
@@ -92,7 +92,7 @@
 
 .radio-button .radio .dot {
   -fx-background-color: -autogram-background-colour;
-  -fx-background-insets: 10;
+  -fx-background-insets: 8;
   -fx-background-radius: 25px;
 }
 
@@ -102,7 +102,7 @@
 
 .radio-button .text {
   -fx-fill: -autogram-text-colour;
-  -fx-font-size: 1.1875em;
+  -fx-font-size: 1em;
 }
 
 .autogram-smaller-radio-buttons {
@@ -110,11 +110,11 @@
 }
 
 .autogram-smaller-radio-buttons .radio {
-  -fx-pref-height: 25px;
-  -fx-pref-width: 25px;
-  -fx-min-height: 25px;
+  -fx-pref-height: 20px;
+  -fx-pref-width: 20px;
+  -fx-min-height: 20px;
   -fx-min-width: 25px;
-  -fx-padding: -3px;
+  -fx-padding: -1px;
  }
 
  .autogram-smaller-radio-buttons .radio-button:focused .radio {
@@ -147,9 +147,9 @@
   -fx-border-color: -autogram-input-border-colour;
   -fx-border-width: 0 0 2px 0;
   -fx-text-fill: -autogram-background-colour;
-  -fx-padding: 7px 10px 7px 10px;
+  -fx-padding: 7px 8px 7px 8px;
 
-  -fx-font-size: 1.1875em;
+  -fx-font-size: 1em;
 }
 
 .autogram-button:hover {
@@ -176,7 +176,7 @@
   -fx-text-fill: -autogram-link-colour;
   -fx-underline: true;
 
-  -fx-font-size: 1.1875em;
+  -fx-font-size: 1em;
 }
 
 .autogram-link:hover {
@@ -219,7 +219,7 @@
   -fx-text-fill: -autogram-text-colour;
   -fx-fill: -autogram-text-colour;
 
-  -fx-font-size: 2.25em;
+  -fx-font-size: 2em;
   -fx-font-weight: bold;
 }
 
@@ -227,7 +227,7 @@
   -fx-text-fill: -autogram-text-colour;
   -fx-fill: -autogram-text-colour;
 
-  -fx-font-size: 1.5em;
+  -fx-font-size: 1em;
   -fx-font-weight: bold;
 }
 
@@ -235,7 +235,7 @@
   -fx-text-fill: -autogram-text-colour;
   -fx-fill: -autogram-text-colour;
 
-  -fx-font-size: 1.1875em;
+  -fx-font-size: 1em;
   -fx-font-weight: bold;
 }
 
@@ -243,14 +243,14 @@
   -fx-text-fill: -autogram-text-colour;
   -fx-fill: -autogram-text-colour;
 
-  -fx-font-size: 1.1875em;
+  -fx-font-size: 1em;
 }
 
 .autogram-body-l {
   -fx-text-fill: -autogram-text-colour;
   -fx-fill: -autogram-text-colour;
 
-  -fx-font-size: 1.5em;
+  -fx-font-size: 1em;
 }
 
 .autogram-body-s {
@@ -264,8 +264,8 @@
 
 .tooltip {
   -fx-background-color: -autogram-focus-colour;
-  -fx-padding: 10px;
-  -fx-font-size: 1.1875em;
+  -fx-padding: 8px;
+  -fx-font-size: 1em;
 }
 
 /* Form styling */
@@ -273,10 +273,10 @@
 .autogram-input {
   -fx-text-fill: -autogram-text-colour;
 
-  -fx-padding: 5px;
+  -fx-padding: 4px;
   -fx-border-width: 2px;
   -fx-border-color: -autogram-input-border-colour;
-  -fx-font-size: 1.1875em;
+  -fx-font-size: 1em;
 }
 
 .autogram-input:hover {
@@ -314,11 +314,11 @@
   -fx-border-insets: 5;
   -fx-border-color: -autogram-error-colour;
   -fx-border-style: solid inside;
-  -fx-padding: 0 0 0 15px;
+  -fx-padding: 0 0 0 12px;
 }
 
 .autogram-error-message {
-  -fx-font-size: 1.1875em;
+  -fx-font-size: 1em;
   -fx-font-weight: bold;
   -fx-fill: -autogram-error-colour;
 }
@@ -335,7 +335,7 @@
 }
 
 .autogram-warning-summary > VBox {
-  -fx-padding: 0 0 20px 0;
+  -fx-padding: 0 0 16px 0;
 }
 
 .autogram-warning-summary > HBox {
@@ -351,14 +351,14 @@
   -fx-text-fill: -autogram-text-colour;
   -fx-fill: -autogram-text-colour;
 
-  -fx-font-size: 1.1875em;
+  -fx-font-size: 1em;
 }
 
 .autogram-warning-summary__title {
-  -fx-font-size: 1.5em;
+  -fx-font-size: 1em;
   -fx-font-weight: bold;
 
-  -fx-padding: 0 0 20px 0;
+  -fx-padding: 0 0 16px 0;
   -fx-border-insets: 0 0 20px 0;
   -fx-background-insets: 0 0 20px 0;
 }
@@ -369,16 +369,16 @@
 
 
 .autogram-error-summary {
-  -fx-padding: 20px;
+  -fx-padding: 16px;
   -fx-border-width: 5px;
   -fx-border-color: -autogram-error-colour;
 }
 
 .autogram-error-summary__title {
-  -fx-font-size: 1.5em;
+  -fx-font-size: 1em;
   -fx-font-weight: bold;
 
-  -fx-padding: 0 0 20px 0;
+  -fx-padding: 0 0 16px 0;
   -fx-border-insets: 0 0 20px 0;
   -fx-background-insets: 0 0 20px 0;
 }
@@ -388,10 +388,10 @@
 }
 
 .autogram-error-summary__error {
-  -fx-font-size: 1.1875em;
+  -fx-font-size: 1em;
   -fx-font-weight: bold;
 
-  -fx-padding: 0 0 20px 0;
+  -fx-padding: 0 0 16px 0;
   -fx-border-insets: 0 0 20px 0;
   -fx-background-insets: 0 0 20px 0;
 }
@@ -400,7 +400,7 @@
   -fx-fill: -autogram-error-colour;
 }
 .autogram-details .title .text {
-  -fx-font-size: 1.1875em;
+  -fx-font-size: 1em;
 
   -fx-fill: -autogram-link-colour;
   -fx-underline: true;
@@ -411,13 +411,13 @@
 }
 
 .autogram-details .title {
-  -fx-padding: 0 0 5px 0;
+  -fx-padding: 0 0 4px 0;
   -fx-border-insets: 0 0 5px 0;
   -fx-background-insets: 0 0 5px 0;
 }
 
 .autogram-details__text {
-  -fx-padding: 15px 10px 15px 20px;
+  -fx-padding: 15px 10px 15px 16px;
   -fx-border-color: -autogram-border-colour;
   -fx-border-width: 0 0 0 5px;
 
@@ -425,13 +425,13 @@
 }
 
 .autogram-details .arrow-button {
-  -fx-padding: 0 10px 0 0;
+  -fx-padding: 0 8px 0 0;
 }
 
 .autogram-details .arrow-button .arrow {
   -fx-background-color: -autogram-link-colour;
 
-  -fx-padding: 0.5em 0.42em 0.25em 0.42em; /* 3 3.75 3 3.75 */
+  -fx-padding: 0.5em 0em 0.25em 0em; /* 3 3.75 3 3.75 */
   -fx-shape: "M 0 0 h 7 l -3.5 4 z";
 }
 
@@ -442,7 +442,7 @@
 .autogram-description {
   -fx-text-fill: -autogram-secondary-text-colour;
   -fx-fill: -autogram-secondary-text-colour;
-  -fx-font-size: 1.125em;
+  -fx-font-size: 1em;
 }
 
 .autogram-visualizer-plaintext,
@@ -455,7 +455,7 @@
 }
 
 .autogram-visualizer-plaintext {
-  -fx-padding: 5px;
+  -fx-padding: 4px;
 }
 
 .autogram-dropzone {
@@ -465,7 +465,7 @@
   -fx-border-style: dashed;
   -fx-border-radius: 0.5em;
 
-  -fx-padding: 4em;
+  -fx-padding: 3em;
   -fx-alignment: center;
 }
 
@@ -528,13 +528,13 @@
 .scroll-bar .increment-arrow,
 .scroll-bar .decrement-arrow {
   -fx-shape: " ";
-  -fx-padding: 0.15em 0;
+  -fx-padding: 0em 0;
 }
 
 .scroll-bar:vertical .increment-arrow,
 .scroll-bar:vertical .decrement-arrow {
   -fx-shape: " ";
-  -fx-padding: 0 0.15em;
+  -fx-padding: 0 0em;
 }
 
 .scroll-bar:horizontal .thumb,
@@ -553,18 +553,18 @@
 TextFlow.autogram-heading-l,
 TextFlow.autogram-heading-m,
 TextFlow.autogram-heading-s {
-  -fx-padding: 0 0 15px 0;
+  -fx-padding: 0 0 12px 0;
 }
 
 .autogram-prose TextFlow.autogram-heading-l,
 .autogram-prose TextFlow.autogram-heading-m,
 .autogram-prose TextFlow.autogram-heading-s {
-  -fx-padding: 10px 0 15px 0;
+  -fx-padding: 10px 0 12px 0;
 }
 
 TextFlow.autogram-body,
 TextFlow.autogram-body-s {
-  -fx-padding: 0 0 20px 0;
+  -fx-padding: 0 0 16px 0;
 }
 
 .autogram-font-weight-bold {
@@ -603,7 +603,7 @@ TextFlow.autogram-body-s {
   -fx-cursor: hand;
   -fx-padding: 0.6875em 1.25em 0.6875em 1em;
   -fx-background-insets: 0.1875em 0.25em 0.1875em 0;
-  -fx-font-size: 1.25em;
+  -fx-font-size: 1em;
   -fx-font-weight: normal;
   -fx-border-width: 0 0 0 0;
 }
@@ -614,7 +614,7 @@ TextFlow.autogram-body-s {
   -fx-border-width: 1px 1px 0 1px;
   -fx-background-insets: 0.125em 0.25em 0 0;
   -fx-border-insets: 0 0.25em 0 0;
-  -fx-padding: 0.6875em 0.9375em 0.6875em 0.9375em;
+  -fx-padding: 0.6875em 1em 0.6875em 1em;
   -fx-border-color: -autogram-input-border-colour;
 }
 
@@ -625,7 +625,7 @@ TextFlow.autogram-body-s {
 .autogram-settings-tab-pane ScrollPane {
   -fx-border-color: -autogram-input-border-colour;
   -fx-border-width: 1px;
-  -fx-max-height: 560px;
+  -fx-max-height: 448px;
   -fx-hbar-policy: never;
 }
 
@@ -638,7 +638,7 @@ TextFlow.autogram-body-s {
 .autogram-settings-row {
   -fx-border-width: 0 0 1px 0;
   -fx-border-color: -autogram-border-colour;
-  -fx-padding: 0.75em 0;
+  -fx-padding: 1em 0;
 }
 
 .autogram-settings-row > .left {
@@ -652,25 +652,25 @@ TextFlow.autogram-body-s {
 }
 
 .autogram-settings-tab-header-text {
-  -fx-padding: 0.5em 0;
+  -fx-padding: 0em 0;
 }
 
 .autogram-trusted-countries-list > HBox {
   -fx-border-width: 0 0 1px 0;
   -fx-border-color: -autogram-border-colour;
-  -fx-padding: 0.125em 0;
+  -fx-padding: 0em 0;
 }
 
 .autogram-trusted-countries-list > HBox > .left {
-  -fx-pref-width: 24em;
+  -fx-pref-width: 19em;
   -fx-padding: 0 2em 0 0;
 }
 
 .autogram-trusted-countries-list > HBox > .left > TextFlow {
-  -fx-padding: 0.25em 0;
+  -fx-padding: 0em 0;
   -fx-text-fill: -autogram-text-colour;
   -fx-fill: -autogram-text-colour;
-  -fx-font-size: 1.1875em;
+  -fx-font-size: 1em;
   -fx-font-weight: bold;
 }
 
@@ -687,7 +687,7 @@ TextFlow.autogram-body-s {
 }
 
 .autogram-textfield-container > TextField {
-  -fx-pref-width: 20.25em;
+  -fx-pref-width: 16em;
 }
 
 
@@ -697,7 +697,7 @@ TextFlow.autogram-body-s {
 }
 
 .autogram-dropdown > ChoiceBox {
-  -fx-pref-width: 19.5em;
+  -fx-pref-width: 16em;
 }
 
 /* Choice boxes */
@@ -705,13 +705,13 @@ TextFlow.autogram-body-s {
   -fx-background-color: -autogram-background-colour;
   -fx-border-color: -autogram-input-border-colour;
   -fx-border-width: 2px;
-  -fx-padding: 5px;
-  -fx-font-size: 20px;
+  -fx-padding: 4px;
+  -fx-font-size: 16px;
 }
 
 .choice-box .context-menu {
   -fx-background-color: -autogram-background-colour;
-  -fx-pref-width: 19em;
+  -fx-pref-width: 15em;
   -fx-padding: 0em 0 0 0;
   -fx-background-insets: 1em 0 0 0;
   -fx-border-insets: 1em 0 0 0;
@@ -726,7 +726,7 @@ TextFlow.autogram-body-s {
 
 .choice-box .menu-item > .label {
   -fx-text-fill: -autogram-input-border-colour;
-  -fx-padding: 3px;
+  -fx-padding: 2px;
 }
 
 .choice-box .menu-item:focused > .label {
@@ -745,7 +745,7 @@ TextFlow.autogram-body-s {
 .choice-box .arrow {
   -fx-background-color: -autogram-input-border-colour;
   -fx-shape: "M10.925 0.624951L12 1.69995L6 7.69995L0 1.72495L1.075 0.649951L6 5.57495L10.925 0.624951Z";
-  -fx-padding: 4px 16px 4px 6px;
+  -fx-padding: 4px 15px 4px 5px;
   -fx-background-insets: 0 10px 0 0;
 }
 
@@ -753,24 +753,24 @@ TextFlow.autogram-body-s {
 .check-box {
   -fx-cursor: hand;
   -fx-label-padding: 0 0 0 5px;
-  -fx-font-size: 20px;
+  -fx-font-size: 16px;
   -fx-padding: 0 10px 0 -10px;
 }
 
 .check-box .box {
-  -fx-pref-height: 44px;
-  -fx-pref-width: 44px;
+  -fx-pref-height: 35px;
+  -fx-pref-width: 35px;
   -fx-border-color: -autogram-input-border-colour;
   -fx-border-width: 2px;
   -fx-border-insets: 10px;
-  -fx-padding: 3px;
+  -fx-padding: 2px;
 }
 
 .check-box .mark {
   /* TODO make the mark thicker */
   -fx-shape: "M1.73,12.91 8.1,19.28 22.79,4.59 22.79,1.59 8.1,16.28 1.73,9.91";
-  -fx-pref-height: 15px;
-  -fx-pref-width: 15px;
+  -fx-pref-height: 12px;
+  -fx-pref-width: 12px;
 }
 
 .check-box:selected .mark {
@@ -802,50 +802,50 @@ TextFlow.autogram-body-s {
   -fx-text-fill: -autogram-text-colour;
   -fx-fill: -autogram-text-colour;
 
-  -fx-font-size: 1.3125em;
+  -fx-font-size: 1em;
 }
 
 .autogram-table__footer {
-  -fx-padding: 0.75em 0 0 0;
+  -fx-padding: 1em 0 0 0;
 }
 
 .autogram-table-cell {
     -fx-border-style: hidden hidden solid hidden;
     -fx-border-width: 1px;
     -fx-border-color: -autogram-border-colour;
-    -fx-padding: 0.5em 0;
+    -fx-padding: 0em 0;
 }
 
 .autogram-table-cell > HBox {
-  -fx-padding: 0.25em 0;
+  -fx-padding: 0em 0;
 }
 
 .autogram-table-cell--last {
-  -fx-padding: 0.625em 0 0.5em 0;
+  -fx-padding: 0.625em 0 0em 0;
 }
 
 .autogram-table-cell--left {
-  -fx-pref-width: 308px;
+  -fx-pref-width: 246px;
 }
 
 .autogram-table-cell--right {
-  -fx-pref-width: 344px;
+  -fx-pref-width: 275px;
 }
 
 .autogram-table-header {
   -fx-border-style: hidden hidden solid hidden;
   -fx-border-width: 1px;
   -fx-border-color: -autogram-border-colour;
-  -fx-padding: 0.5em 0;
+  -fx-padding: 0em 0;
 }
 
 .autogram-table-header > TextFlow > Text {
   -fx-text-fill: -autogram-text-colour;
   -fx-fill: -autogram-text-colour;
 
-  -fx-font-size: 1.1875em;
+  -fx-font-size: 1em;
   -fx-font-weight: bold;
-  -fx-padding: 0 0 15px 0;
+  -fx-padding: 0 0 12px 0;
 
 }
 
@@ -856,26 +856,26 @@ TextFlow.autogram-body-s {
   -fx-border-style: hidden hidden solid hidden;
   -fx-border-width: 1px;
   -fx-border-color: -autogram-border-colour;
-  -fx-padding: 0.5em 0 0.5em 0;
+  -fx-padding: 0em 0 0em 0;
 
   -fx-text-fill: -autogram-text-colour;
   -fx-fill: -autogram-text-colour;
-  -fx-font-size: 1.1875em;
+  -fx-font-size: 1em;
 }
 
 .autogram-signatures-table > TextFlow {
   -fx-border-style: hidden hidden solid hidden;
   -fx-border-width: 1px;
   -fx-border-color: -autogram-border-colour;
-  -fx-padding: 0.75em 0 0.75em 0;
+  -fx-padding: 1em 0 1em 0;
 
   -fx-text-fill: -autogram-text-colour;
   -fx-fill: -autogram-text-colour;
-  -fx-font-size: 1.1875em;
+  -fx-font-size: 1em;
 }
 
 .autogram-signatures-table-cell--left {
-  -fx-padding: 0.75em 1em 0.75em 0;
+  -fx-padding: 1em 1em 1em 0;
 }
 
 .autogram-signatures-table .column-header .autogram-link {
@@ -926,7 +926,7 @@ TextFlow.autogram-body-s {
 }
 
 .autogram-error-summary__more {
-  -fx-padding: 0 0 0 5px;
+  -fx-padding: 0 0 0 4px;
   -fx-border-insets: 2em;
   -fx-background-insets: 2em;
   -fx-font-size: 1em;
@@ -941,7 +941,7 @@ TextFlow.autogram-body-s {
 }
 
 .autogram-loading {
-  -fx-padding: 4em;
+  -fx-padding: 3em;
   -fx-alignment: center;
 }
 
@@ -964,16 +964,16 @@ TextFlow.autogram-body-s {
 }
 
 .autogram-tag {
-  -fx-padding: 0.1875em 0.375em 0.1875em 0.375em;
-  -fx-pref-height: 1.75em;
-  -fx-max-height: 1.75em;
+  -fx-padding: 0.1875em 0em 0.1875em 0em;
+  -fx-pref-height: 1em;
+  -fx-max-height: 1em;
 }
 
 .autogram-tag Text {
   -fx-text-fill: -autogram-text-colour;
   -fx-fill: -autogram-text-colour;
 
-  -fx-font-size: 1.1875em;
+  -fx-font-size: 1em;
   -fx-font-weight: bold;
 }
 
@@ -1078,7 +1078,7 @@ TextFlow.autogram-body-s {
     -fx-border-color: -autogram-error-colour;
 
     -fx-spacing: 3em;
-    -fx-padding: 6em 4em 4em 4em;
+    -fx-padding: 6em 3em 3em 3em;
     -fx-alignment: center;
 }
 
@@ -1091,10 +1091,10 @@ TextFlow.autogram-body-s {
 }
 
 .autogram-listview {
-  -fx-max-height: 400px;
-  -fx-min-height: 30px;
-  -fx-pref-height: 200px;
-  -fx-padding: 0 0 20px 20px;
+  -fx-max-height: 320px;
+  -fx-min-height: 24px;
+  -fx-pref-height: 160px;
+  -fx-padding: 0 0 16px 16px;
 }
 
 .autogram-confirmation--success {
@@ -1105,7 +1105,7 @@ TextFlow.autogram-body-s {
 }
 
 .autogram-confirmation{
-  -fx-padding: 40px 20px 40px 20px;
+  -fx-padding: 40px 16px 40px 16px;
   -fx-background-insets: 20px 0 20px 0;
   -fx-text-fill: -autogram-background-colour;
   -fx-text-alignment: center;
@@ -1115,7 +1115,7 @@ TextFlow.autogram-body-s {
   -fx-text-fill: -autogram-background-colour;
   -fx-fill:  -autogram-background-colour;
 
-  -fx-font-size: 1.1875em;
+  -fx-font-size: 1em;
   -fx-text-alignment: center;
 }
 
@@ -1123,7 +1123,7 @@ TextFlow.autogram-body-s {
   -fx-text-fill: -autogram-background-colour;
   -fx-fill:  -autogram-background-colour;
 
-  -fx-font-size: 1.5em;
+  -fx-font-size: 1em;
   -fx-font-weight: bold;
   -fx-text-alignment: center;
 }
@@ -1136,36 +1136,36 @@ TextFlow.autogram-body-s {
 }
 
 .autogram-summary-header__title {
-  -fx-padding: 1.11em 0.75em;
-  -fx-pref-width: 300px;
+  -fx-padding: 1.11em 1em;
+  -fx-pref-width: 240px;
 }
 
 .autogram-summary-header__title > Text {
   -fx-text-fill: -autogram-text-colour;
   -fx-fill: -autogram-text-colour;
 
-  -fx-font-size: 1.1875em;
+  -fx-font-size: 1em;
   -fx-font-weight: bold;
 
-  -fx-padding: 0 0 0 15px;
+  -fx-padding: 0 0 0 12px;
 }
 
 .autogram-summary-header__badge {
-  -fx-padding: 0.925em 1.25em;
+  -fx-padding: 0.925em 1em;
 }
 
 .autogram-body-details {
   -fx-text-fill: -autogram-text-colour;
   -fx-fill: -autogram-text-colour;
 
-  -fx-font-size: 1.125em;
+  -fx-font-size: 1em;
 }
 
 .autogram-details__more {
-  -fx-padding: 0.625em 0;
+  -fx-padding: 0em 0;
   -fx-border-insets: 2em;
   -fx-background-insets: 2em;
-  -fx-font-size: 1.125em;
+  -fx-font-size: 1em;
 }
 
 .autogram-details__more-icon {
@@ -1183,7 +1183,7 @@ TextFlow.autogram-body-s {
 }
 
 .autogram-signature-box > VBox {
-  -fx-padding: 0.5em 0.75em;
+  -fx-padding: 0.5em 1em;
 }
 
 .autogram-timestamps-box {
@@ -1199,8 +1199,8 @@ TextFlow.autogram-body-s {
   -fx-background-insets: 2em;
   -fx-border-insets: 2em;
   -fx-border-width: 0;
-  -fx-font-size: 1.125em;
-  -fx-padding: 0.625em 0;
+  -fx-font-size: 1em;
+  -fx-padding: 0em 0;
   -fx-text-fill: -autogram-link-colour;
   -fx-underline: true;
 }
@@ -1216,15 +1216,15 @@ TextFlow.autogram-body-s {
   -fx-text-fill: -autogram-text-colour;
   -fx-fill: -autogram-text-colour;
 
-  -fx-font-size: 1.125em;
+  -fx-font-size: 1em;
 }
 
 .autogram-warning-textflow {
-  -fx-padding: 0.1875em 0.375em 0.1875em 0.375em;
+  -fx-padding: 0.1875em 0em 0.1875em 0em;
   -fx-background-color: -autogram-warning-color;
-  -fx-font-size: 1.125em;
-  -fx-pref-height: 1.75em;
-  -fx-max-height: 1.75em;
+  -fx-font-size: 1em;
+  -fx-pref-height: 1em;
+  -fx-max-height: 1em;
 }
 
 
diff --git a/src/main/resources/digital/slovensko/autogram/ui/gui/signature-details.fxml b/src/main/resources/digital/slovensko/autogram/ui/gui/signature-details.fxml
index 9b996883e..f12d90459 100644
--- a/src/main/resources/digital/slovensko/autogram/ui/gui/signature-details.fxml
+++ b/src/main/resources/digital/slovensko/autogram/ui/gui/signature-details.fxml
@@ -9,8 +9,8 @@
 <?import javafx.scene.shape.SVGPath?>
 <VBox xmlns="http://javafx.com/javafx"
       xmlns:fx="http://javafx.com/fxml"
-      prefHeight="800"
-      maxHeight="800"
+      prefHeight="640"
+      maxHeight="640"
       minWidth="768"
       fx:id="mainBox">
 
diff --git a/src/main/resources/digital/slovensko/autogram/ui/gui/signing-dialog.fxml b/src/main/resources/digital/slovensko/autogram/ui/gui/signing-dialog.fxml
index c7f94bc73..4d6d9a9a1 100644
--- a/src/main/resources/digital/slovensko/autogram/ui/gui/signing-dialog.fxml
+++ b/src/main/resources/digital/slovensko/autogram/ui/gui/signing-dialog.fxml
@@ -11,7 +11,7 @@
 <VBox xmlns="http://javafx.com/javafx"
     xmlns:fx="http://javafx.com/fxml"
     minHeight="400"
-    maxHeight="800"
+    maxHeight="640"
     minWidth="768"
     prefWidth="768"
     fx:id="mainBox">

From a17f6e8352d23af31186e67e70630e19f85bdc5f Mon Sep 17 00:00:00 2001
From: Geoge Sladkovsky <sladkovsky.george@gmail.com>
Date: Sat, 27 Apr 2024 13:59:46 +0200
Subject: [PATCH 2/4] reduce radio btn size

---
 .../digital/slovensko/autogram/ui/gui/idsk.css     | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/main/resources/digital/slovensko/autogram/ui/gui/idsk.css b/src/main/resources/digital/slovensko/autogram/ui/gui/idsk.css
index ea9bdc5aa..3301634c4 100644
--- a/src/main/resources/digital/slovensko/autogram/ui/gui/idsk.css
+++ b/src/main/resources/digital/slovensko/autogram/ui/gui/idsk.css
@@ -80,13 +80,13 @@
   -fx-pref-height: 32px;
   -fx-pref-width: 32px;
   -fx-min-height: 32px;
-  -fx-min-width: 40px;
+  -fx-min-width: 32px;
 }
 
 .radio-button:focused .radio {
   -fx-background-color: -autogram-focus-colour, -autogram-input-border-colour,
   -autogram-background-colour;
-  -fx-background-insets: -4, 0, 4;
+  -fx-background-insets: -4, 0, -4;
   -fx-background-radius: 25px;
 }
 
@@ -119,13 +119,13 @@
 
  .autogram-smaller-radio-buttons .radio-button:focused .radio {
   -fx-background-color: -autogram-focus-colour, -autogram-input-border-colour, -autogram-background-colour;
-  -fx-background-insets: -4, 0, 4;
+  -fx-background-insets: -2, 0, 2;
   -fx-background-radius: 25px;
 }
 
 .autogram-smaller-radio-buttons .radio-button:focused:hover .radio {
   -fx-background-color: -autogram-secondary-hover-colour, -autogram-focus-colour, -autogram-input-border-colour, -autogram-background-colour;
-  -fx-background-insets: -10, -4, 0, 4;
+  -fx-background-insets: -5, -2, 0, 2;
   -fx-background-radius: 25px;
 }
 
@@ -136,7 +136,7 @@
 .autogram-smaller-radio-buttons .radio-button:hover .radio {
   -fx-background-color: -autogram-secondary-hover-colour, -autogram-input-border-colour,
   -autogram-background-colour;
-  -fx-background-insets: -10, 0, 2;
+  -fx-background-insets: -5, 0, 2;
   -fx-background-radius: 25px;
 }
 
@@ -788,13 +788,13 @@ TextFlow.autogram-body-s {
 
 .check-box:focused .box {
   -fx-background-color: transparent, -autogram-focus-colour, -autogram-background-colour;
-  -fx-border-width: 4px;
+  -fx-border-width: 2px;
   -fx-background-insets: 0, 7px, 10px;
 }
 
 .check-box:focused:hover .box {
   -fx-background-color: -autogram-secondary-hover-colour, -autogram-focus-colour, -autogram-background-colour;
-  -fx-border-width: 4px;
+  -fx-border-width: 2px;
   -fx-background-insets: 0, 7px, 10px;
 }
 

From 2e3658a61799c7b304de5c344580b202f3e93aca Mon Sep 17 00:00:00 2001
From: Geoge Sladkovsky <sladkovsky.george@gmail.com>
Date: Sat, 27 Apr 2024 14:42:33 +0200
Subject: [PATCH 3/4] Change the size of elements in tabs

---
 .../digital/slovensko/autogram/ui/gui/idsk.css | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/main/resources/digital/slovensko/autogram/ui/gui/idsk.css b/src/main/resources/digital/slovensko/autogram/ui/gui/idsk.css
index 3301634c4..e719bf2e8 100644
--- a/src/main/resources/digital/slovensko/autogram/ui/gui/idsk.css
+++ b/src/main/resources/digital/slovensko/autogram/ui/gui/idsk.css
@@ -631,8 +631,8 @@ TextFlow.autogram-body-s {
 
 .autogram-settings-tab-pane ScrollPane .container {
   -fx-padding: 2em 0 2em 2em;
-  -fx-max-width: 50em;
-  -fx-min-width: 50em;
+  -fx-max-width: 70em;
+  -fx-min-width: 70em;
 }
 
 .autogram-settings-row {
@@ -662,7 +662,7 @@ TextFlow.autogram-body-s {
 }
 
 .autogram-trusted-countries-list > HBox > .left {
-  -fx-pref-width: 19em;
+  -fx-pref-width: 24em;
   -fx-padding: 0 2em 0 0;
 }
 
@@ -687,7 +687,7 @@ TextFlow.autogram-body-s {
 }
 
 .autogram-textfield-container > TextField {
-  -fx-pref-width: 16em;
+  -fx-pref-width: 24em;
 }
 
 
@@ -697,7 +697,7 @@ TextFlow.autogram-body-s {
 }
 
 .autogram-dropdown > ChoiceBox {
-  -fx-pref-width: 16em;
+  -fx-pref-width: 19.5em;
 }
 
 /* Choice boxes */
@@ -711,7 +711,7 @@ TextFlow.autogram-body-s {
 
 .choice-box .context-menu {
   -fx-background-color: -autogram-background-colour;
-  -fx-pref-width: 15em;
+  -fx-pref-width: 19em;
   -fx-padding: 0em 0 0 0;
   -fx-background-insets: 1em 0 0 0;
   -fx-border-insets: 1em 0 0 0;
@@ -825,11 +825,11 @@ TextFlow.autogram-body-s {
 }
 
 .autogram-table-cell--left {
-  -fx-pref-width: 246px;
+  -fx-pref-width: 308px;
 }
 
 .autogram-table-cell--right {
-  -fx-pref-width: 275px;
+  -fx-pref-width: 344px;
 }
 
 .autogram-table-header {
@@ -1137,7 +1137,7 @@ TextFlow.autogram-body-s {
 
 .autogram-summary-header__title {
   -fx-padding: 1.11em 1em;
-  -fx-pref-width: 240px;
+  -fx-pref-width: 300px;
 }
 
 .autogram-summary-header__title > Text {

From 5e5f10c954827c47096e6a4dc14dd8b778eb3629 Mon Sep 17 00:00:00 2001
From: Geoge Sladkovsky <sladkovsky.george@gmail.com>
Date: Sat, 27 Apr 2024 17:58:57 +0200
Subject: [PATCH 4/4] Fix sizes of pages

---
 .../autogram/ui/gui/about-dialog.fxml         |  6 +++---
 .../slovensko/autogram/ui/gui/idsk.css        | 19 +++++++++----------
 .../slovensko/autogram/ui/gui/main-menu.fxml  |  2 +-
 .../autogram/ui/gui/settings-dialog.fxml      |  4 ++--
 4 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/src/main/resources/digital/slovensko/autogram/ui/gui/about-dialog.fxml b/src/main/resources/digital/slovensko/autogram/ui/gui/about-dialog.fxml
index fc562bd32..f8be1e974 100644
--- a/src/main/resources/digital/slovensko/autogram/ui/gui/about-dialog.fxml
+++ b/src/main/resources/digital/slovensko/autogram/ui/gui/about-dialog.fxml
@@ -10,7 +10,7 @@
 <?import javafx.scene.image.Image?>
 <?import javafx.scene.layout.StackPane?>
 <?import javafx.geometry.Insets?>
-<BorderPane xmlns="http://javafx.com/javafx" xmlns:fx="http://javafx.com/fxml" prefWidth="600" minWidth="450">
+<BorderPane xmlns="http://javafx.com/javafx" xmlns:fx="http://javafx.com/fxml" prefWidth="450" minWidth="450">
     <center>
         <VBox fx:id="mainBox">
             <VBox>
@@ -52,11 +52,11 @@
 
                     <StackPane>
                         <padding>
-                            <Insets top="32" bottom="16" />
+                            <Insets top="26" bottom="13" />
                         </padding>
                         <children>
                             <ImageView>
-                                <fitWidth>550</fitWidth>
+                                <fitWidth>420</fitWidth>
                                 <preserveRatio>true</preserveRatio>
                                 <image>
                                     <Image url="@logo_OPII_ESIF.png" />
diff --git a/src/main/resources/digital/slovensko/autogram/ui/gui/idsk.css b/src/main/resources/digital/slovensko/autogram/ui/gui/idsk.css
index e719bf2e8..2d0816178 100644
--- a/src/main/resources/digital/slovensko/autogram/ui/gui/idsk.css
+++ b/src/main/resources/digital/slovensko/autogram/ui/gui/idsk.css
@@ -92,7 +92,7 @@
 
 .radio-button .radio .dot {
   -fx-background-color: -autogram-background-colour;
-  -fx-background-insets: 8;
+  -fx-background-insets: 7;
   -fx-background-radius: 25px;
 }
 
@@ -227,7 +227,7 @@
   -fx-text-fill: -autogram-text-colour;
   -fx-fill: -autogram-text-colour;
 
-  -fx-font-size: 1em;
+  -fx-font-size: 1.25em;
   -fx-font-weight: bold;
 }
 
@@ -250,7 +250,7 @@
   -fx-text-fill: -autogram-text-colour;
   -fx-fill: -autogram-text-colour;
 
-  -fx-font-size: 1em;
+  -fx-font-size: 1.2em;
 }
 
 .autogram-body-s {
@@ -631,8 +631,8 @@ TextFlow.autogram-body-s {
 
 .autogram-settings-tab-pane ScrollPane .container {
   -fx-padding: 2em 0 2em 2em;
-  -fx-max-width: 70em;
-  -fx-min-width: 70em;
+  -fx-max-width: 49em;
+  -fx-min-width: 49em;
 }
 
 .autogram-settings-row {
@@ -705,7 +705,7 @@ TextFlow.autogram-body-s {
   -fx-background-color: -autogram-background-colour;
   -fx-border-color: -autogram-input-border-colour;
   -fx-border-width: 2px;
-  -fx-padding: 4px;
+  -fx-padding: 2px;
   -fx-font-size: 16px;
 }
 
@@ -758,8 +758,8 @@ TextFlow.autogram-body-s {
 }
 
 .check-box .box {
-  -fx-pref-height: 35px;
-  -fx-pref-width: 35px;
+  -fx-pref-height: 40px;
+  -fx-pref-width: 40px;
   -fx-border-color: -autogram-input-border-colour;
   -fx-border-width: 2px;
   -fx-border-insets: 10px;
@@ -813,7 +813,6 @@ TextFlow.autogram-body-s {
     -fx-border-style: hidden hidden solid hidden;
     -fx-border-width: 1px;
     -fx-border-color: -autogram-border-colour;
-    -fx-padding: 0em 0;
 }
 
 .autogram-table-cell > HBox {
@@ -1115,7 +1114,7 @@ TextFlow.autogram-body-s {
   -fx-text-fill: -autogram-background-colour;
   -fx-fill:  -autogram-background-colour;
 
-  -fx-font-size: 1em;
+  -fx-font-size: 1.1em;
   -fx-text-alignment: center;
 }
 
diff --git a/src/main/resources/digital/slovensko/autogram/ui/gui/main-menu.fxml b/src/main/resources/digital/slovensko/autogram/ui/gui/main-menu.fxml
index e9e029179..4bb25c530 100644
--- a/src/main/resources/digital/slovensko/autogram/ui/gui/main-menu.fxml
+++ b/src/main/resources/digital/slovensko/autogram/ui/gui/main-menu.fxml
@@ -6,7 +6,7 @@
 <?import javafx.scene.shape.SVGPath?>
 <?import javafx.scene.text.*?>
 <BorderPane xmlns="http://javafx.com/javafx"
-            xmlns:fx="http://javafx.com/fxml" minWidth="600">
+            xmlns:fx="http://javafx.com/fxml" minWidth="450">
     <top>
     <VBox fx:id="mainBox">
         <VBox>
diff --git a/src/main/resources/digital/slovensko/autogram/ui/gui/settings-dialog.fxml b/src/main/resources/digital/slovensko/autogram/ui/gui/settings-dialog.fxml
index b0d0a9d62..13b2bd996 100644
--- a/src/main/resources/digital/slovensko/autogram/ui/gui/settings-dialog.fxml
+++ b/src/main/resources/digital/slovensko/autogram/ui/gui/settings-dialog.fxml
@@ -5,9 +5,9 @@
 <?import javafx.scene.text.*?>
 
 <VBox xmlns="http://javafx.com/javafx" xmlns:fx="http://javafx.com/fxml" fx:id="mainBox"
-    prefWidth="896">
+    prefWidth="716">
     <VBox>
-        <TabPane maxHeight="640" prefWidth="896" xmlns="http://javafx.com/javafx"
+        <TabPane maxHeight="640" prefWidth="716" xmlns="http://javafx.com/javafx"
             xmlns:fx="http://javafx.com/fxml" styleClass="autogram-settings-tab-pane">
             <tabs>
                 <Tab text="Podpisovanie">