[CB] Decrize the size of radio buttons (#4109)

* dbeaver/pro#8202 decreases border for radio buttons + matches border colors

* fixes checkboxes and radios space conflicts so it aligned on the left and has correct spacing with text also

* reverts margin top for checkboxes

---------

Co-authored-by: mr-anton-t <42037741+mr-anton-t@users.noreply.github.com>

Author: sergeyteleshev

webapp/common-react/@dbeaver/ui-kit/src/Radio/Radio.css

@@ -86,7 +86,7 @@
     height: var(--ring-size);
     margin-top: calc((var(--dbv-kit-radio-height) - (var(--ring-size))) * 0.5);
     border-radius: 50%;
-    border: 2px solid var(--dbv-kit-radio-inactive-border);
+    border: var(--dbv-kit-radio-border-width) solid var(--dbv-kit-radio-inactive-border);
     background-color: var(--dbv-kit-radio-inactive-background);
 
     @media (prefers-reduced-motion: no-preference) {

webapp/common-react/@dbeaver/ui-kit/src/Radio/_base.css

@@ -15,6 +15,7 @@
     --dbv-kit-radio-dot-size: 0.25;
     --dbv-kit-radio-font-size: calc(var(--dbv-kit-font-size-base) * 0.875);
     --dbv-kit-radio-gap: var(--tw-spacing);
+    --dbv-kit-radio-border-width: 1px;
 
     --dbv-kit-select-label-foreground: var(--dbv-kit-color-control-label);
     --dbv-kit-select-label-padding-inline: var(--tw-spacing);

webapp/packages/core-blocks/src/FormControls/Radio.css

@@ -9,10 +9,11 @@
 @layer components {
   :root {
     --dbv-kit-radio-small-height: 24px;
-    --dbv-kit-radio-small-gap: calc(var(--dbv-kit-radio-gap) * 0.25);
+    --dbv-kit-radio-medium-height: 28px;
+    --dbv-kit-radio-large-height: 32px;
+    --dbv-kit-radio-xlarge-height: 36px;
 
     --dbv-kit-radio-medium-dot-size: 0.3;
-    --dbv-kit-radio-medium-height: 32px;
     --dbv-kit-radio-medium-gap: calc(var(--dbv-kit-radio-gap) * 3);
   }
 
@@ -24,7 +25,7 @@
     --dbv-kit-radio-active-border: var(--theme-primary);
     --dbv-kit-radio-active-foreground: var(--theme-primary);
 
-    --dbv-kit-radio-inactive-border: color-mix(in srgb, var(--theme-on-secondary), white 30%);
+    --dbv-kit-radio-inactive-border: color-mix(in srgb, var(--theme-on-secondary), white 20%);
     --dbv-kit-radio-hover-shadow-color: color-mix(in srgb, var(--theme-on-secondary), white 80%);
   }