Several visual fixes

dist/css/ueb-style.css

@@ -49,8 +49,8 @@ ueb-blueprint svg {
   margin-left: auto;
   padding: 5px;
   color: #2b2b2b;
-  /* 1.53846 is to get an effective font size of 20px from --ueb-font-size which is 13 px */
-  font-size: calc(1.53846 * var(--ueb-font-size));
+  /* 160% is to get an effective font size of 20px from --ueb-font-size which is 12.5 px by default */
+  font-size: 160%;
   font-weight: bold;
   letter-spacing: -1px;
 }
@@ -315,7 +315,6 @@ ueb-node[data-selected=true] > .ueb-node-border {
 }
 
 .ueb-node-outputs ueb-pin[data-type=exec] .ueb-pin-wrapper {
-  margin-right: -3px;
   min-height: 26px;
 }
 
@@ -343,8 +342,8 @@ ueb-blueprint[data-scrolling=false][data-selecting=false] ueb-node.ueb-node-styl
 .ueb-node-top {
   grid-area: top;
   color: #d0d0d0;
-  /* 1.030769 is to get an effective font size of 13.4px from --ueb-font-size which is 13 px */
-  font-size: calc(1.030769 * var(--ueb-font-size));
+  /* 112% is to get an effective font size of 14px from --ueb-font-size which is 12.5 px by default */
+  font-size: 112%;
   font-weight: bold;
   line-height: 120%;
   white-space: nowrap;
@@ -423,8 +422,8 @@ ueb-node[data-pure-function=true] .ueb-node-name-symbol {
 .ueb-node-subtitle-text {
   padding-top: 1px;
   padding-right: 5px;
-  /* 0.946154 is to get an effective font size of 12.3px from --ueb-font-size which is 13 px */
-  font-size: calc(0.946154 * var(--ueb-font-size));
+  /* Reset font size set by the parent */
+  font-size: var(--ueb-font-size);
   font-weight: 100;
   font-style: italic;
   color: #a9b78f;
@@ -435,8 +434,8 @@ ueb-node[data-pure-function=true] .ueb-node-name-symbol {
 }
 
 ueb-node.ueb-node-has-inputs .ueb-node-inputs {
-  padding-right: 20px;
-  padding-left: 5px;
+  padding-right: 15px;
+  padding-left: 6px;
 }
 
 .ueb-node-outputs {
@@ -445,7 +444,7 @@ ueb-node.ueb-node-has-inputs .ueb-node-inputs {
 
 .ueb-node-outputs,
 .ueb-node-variadic {
-  padding-right: 8px;
+  padding-right: 6px;
 }
 
 .ueb-node-variadic {
@@ -551,8 +550,8 @@ ueb-node.ueb-node-style-operation .ueb-node-top {
   align-self: center;
   justify-self: center;
   padding: 0;
-  /* 2.15385 is to get an effective font size of 28px from --ueb-font-size which is 13 px */
-  font-size: calc(2.15385 * var(--ueb-font-size));
+  /* 224% is to get an effective font size of 28px from --ueb-font-size which is 12.5 px by default */
+  font-size: 224%;
   font-stretch: condensed;
   font-weight: bold;
   line-height: 100%;
@@ -604,8 +603,8 @@ ueb-node.ueb-node-style-comment .ueb-node-top {
   border-radius: 0;
   background: rgb(var(--ueb-node-color));
   color: white;
-  /* 1.84615 is to get an effective font size of 24px from --ueb-font-size which is 13 px */
-  font-size: calc(1.84615 * var(--ueb-font-size));
+  /* 192% is to get an effective font size of 24px from --ueb-font-size which is 12.5 px */
+  font-size: 192%;
   text-shadow: 2px 1px 1px #444, 0 0 2px #bbb;
   line-height: 1.22;
   z-index: 1;
@@ -665,7 +664,7 @@ ueb-node[data-advanced-display=Hidden] ueb-pin[data-advanced-view=true][data-lin
 .ueb-pin-wrapper {
   display: inline-flex;
   box-sizing: border-box;
-  padding: 3px 5px;
+  padding: 3px 6px;
   min-height: 24px;
   align-items: center;
 }
@@ -700,8 +699,6 @@ ueb-blueprint[data-scrolling=false][data-selecting=false] .ueb-pin-wrapper:hover
 
 .ueb-pin-icon {
   color: var(--ueb-pin-color);
-  width: 12px;
-  height: 12px;
   text-align: left;
 }
 
@@ -715,7 +712,7 @@ ueb-pin[data-connectable=false] .ueb-pin-icon {
 }
 
 .ueb-node-inputs .ueb-pin-icon {
-  margin-right: 10px;
+  margin-right: 6px;
 }
 
 .ueb-node-outputs .ueb-pin-icon {
@@ -723,7 +720,7 @@ ueb-pin[data-connectable=false] .ueb-pin-icon {
 }
 
 .ueb-pin-icon > svg {
-  vertical-align: top;
+  display: block;
 }
 
 ueb-pin[data-direction=output] .ueb-pin-reflect-output {
@@ -759,10 +756,6 @@ ueb-pin.ueb-node-variadic-default::before {
   background: linear-gradient(90deg, transparent 0, #404240 6px, #404240 calc(100% - 6px), transparent 100%);
 }
 
-.ueb-pin-name {
-  letter-spacing: -0.25px;
-}
-
 .ueb-zoom--6 .ueb-pin-content {
   visibility: hidden;
 }
@@ -836,8 +829,8 @@ ueb-pin[data-type="/Script/CoreUObject.LinearColor"] .ueb-pin-input {
   min-width: 10px;
   max-width: 400px;
   max-height: 16em;
-  /* 0.96923 is to get an effective font size of 12.6px from --ueb-font-size which is 13 px */
-  font-size: calc(0.96923 * var(--ueb-font-size));
+  /* 108% is to get an effective font size of 13.5px from --ueb-font-size which is 12.5 px by default */
+  font-size: 108%;
   white-space: nowrap;
   background: none;
   color: inherit;