Improve theme styling (border-radius, etc)

styles/diagram/_linkLayer.scss

@@ -57,7 +57,7 @@
 .reactodia-link-label {
   margin-top: calc(1.5em * var(--reactodia-link-label-line, 0));
   padding: 0 2px;
-  border-radius: 2px;
+  border-radius: theme.$border-radius-s;
   color: theme.$font-color-base;
   background-color: theme.$canvas-background-color;
   white-space: nowrap;

styles/editor/_authoringState.scss

@@ -100,7 +100,7 @@
     gap: theme.$spacing-horizontal;
     bottom: 0;
     background: theme.$canvas-underlay-color;
-    border-radius: 2px;
+    border-radius: theme.$border-radius-s;
     padding: 1px;
     height: 22px;
   }

styles/editor/_propertyInput.scss

@@ -13,6 +13,9 @@
 
   &__value-remove {
     @include codicon-button("trash");
+    align-self: flex-start;
+    border: none;
+    height: 34px;
     padding: 6px 4px;
   }
 

styles/templates/_groupPaginator.scss

@@ -12,10 +12,16 @@
 
   &__previous {
     @include codicon-button("chevron-left");
+
+    border-top-right-radius: unset;
+    border-bottom-right-radius: unset;
   }
 
   &__next {
     @include codicon-button("chevron-right");
+
+    border-top-left-radius: unset;
+    border-bottom-left-radius: unset;
   }
 
   &__status {

styles/templates/_standard.scss

@@ -11,23 +11,23 @@ $standard-new-entity-stripe: theme.$element-background-color;
   float: left;
 
   &--group {
-    border-radius: 2px;
+    border-radius: theme.$border-radius-s;
     border: 1px solid;
     border-color: var(--reactodia-standard-group-color);
     background: $standard-template-background;
     padding: 4px;
   }
 
   &__main {
-    border-radius: 2px;
+    border-radius: theme.$border-radius-s;
     border: 1px solid;
     border-color: $standard-template-color;
     background-color: $standard-template-color;
   }
 
   &__body {
     margin-left: 8px;
-    border-radius: 0 2px 2px 0;
+    border-radius: 0 theme.$border-radius-s theme.$border-radius-s 0;
     border-left: 1px solid;
     border-left-color: $standard-template-color;
     padding: 3px 0;
@@ -53,7 +53,7 @@ $standard-new-entity-stripe: theme.$element-background-color;
 
   &__item {
     display: flex;
-    border-radius: 2px;
+    border-radius: theme.$border-radius-s;
     border: 0px;
   }
 
@@ -145,7 +145,7 @@ $standard-new-entity-stripe: theme.$element-background-color;
 
   &__photo-image {
     width: 100%;
-    border-radius: 2px 2px 0 0;
+    border-radius: theme.$border-radius-s theme.$border-radius-s 0 0;
   }
 
   &__type {
@@ -239,7 +239,7 @@ $standard-new-entity-stripe: theme.$element-background-color;
   &__dropdown {
     border: 1px solid;
     border-color: $standard-template-color;
-    border-radius: 2px;
+    border-radius: theme.$border-radius-s;
     background-color: $standard-template-background;
     margin-top: 5px;
   }

styles/theme/_common.scss

@@ -76,6 +76,7 @@
   --reactodia-spacing-horizontal: var(--reactodia-spacing-base);
 
   --reactodia-border-radius-base: 4px;
+  --reactodia-border-radius-s: 2px;
   --reactodia-border-width-base: 1px;
 
   --reactodia-transition-duration: 0.3s;

styles/theme/_theme.scss

@@ -109,6 +109,7 @@ $spacing-horizontal: var(--reactodia-spacing-horizontal);
 /* Borders */
 $border-width-base: var(--reactodia-border-width-base);
 $border-radius-base: var(--reactodia-border-radius-base);
+$border-radius-s: var(--reactodia-border-radius-s);
 $border-color-base: var(--reactodia-border-color-base);
 
 /* Transitions */

styles/utility/_listElementView.scss

@@ -5,7 +5,7 @@
   display: block;
   background: var(--reactodia-element-style-color);
   padding: 1px 1px 1px 10px;
-  border-radius: 2px;
+  border-radius: theme.$border-radius-s;
   margin: 0 0 2px 0;
   opacity: 1.0;
   cursor: move;
@@ -20,7 +20,7 @@
 
   &__label {
     background: theme.$element-background-color;
-    border-radius: 0 2px 2px 0;
+    border-radius: 0 theme.$border-radius-s theme.$border-radius-s 0;
     font-family: theme.$font-family-base;
     font-size: 15px;
     min-height: 1.3em;

styles/widgets/_classTree.scss

@@ -62,7 +62,7 @@
     padding: 1px;
     border: 1px solid;
     border-color: transparent;
-    border-radius: 2px;
+    border-radius: theme.$border-radius-s;
     &:hover {
       background: theme.$tree-background-color-focus;
       border-color: theme.$tree-border-color-focus;

styles/widgets/_connectionsMenu.scss

@@ -119,7 +119,7 @@ $no-results-color: theme.$color-emphasis-400;
     align-items: center;
     margin-bottom: 4px;
     background: theme.$color-emphasis-200;
-    border-radius: 2px;
+    border-radius: theme.$border-radius-s;
 
     &:hover {
       background-color: theme.$color-emphasis-400;

styles/widgets/_halo.scss

@@ -5,6 +5,6 @@
   pointer-events: none;
 
   border: 1.5px dashed #d8956d;
-  border-radius: 2px;
+  border-radius: theme.$border-radius-s;
   box-shadow: theme.$selection-single-box-shadow;
 }

styles/widgets/_linkAction.scss

@@ -58,7 +58,7 @@
     margin-left: 5px;
     padding: 0;
     border: 0 none;
-    border-radius: 2px;
+    border-radius: theme.$border-radius-s;
     outline: none;
 
     cursor: pointer;

styles/widgets/_navigator.scss

@@ -7,7 +7,7 @@
 
   background: theme.$navigator-background-fill;
   border: theme.$border-width-base solid theme.$border-color-base;
-  border-radius: 2px;
+  border-radius: theme.$border-radius-s;
   box-shadow: theme.$canvas-box-shadow;
 
   transition:

styles/widgets/_selection.scss

@@ -10,7 +10,7 @@
     position: absolute;
     background-color: rgba(255, 166, 0, 0.06);
     border: 1px solid orange;
-    border-radius: 2px;
+    border-radius: theme.$border-radius-s;
     box-shadow: theme.$selection-multiple-box-shadow;
     cursor: move;
     user-select: none;
@@ -31,7 +31,7 @@
     position: absolute;
     background-color: rgba(0, 219, 255, 0.13);
     border: 2px dashed rgb(0, 179, 209);
-    border-radius: 2px;
+    border-radius: theme.$border-radius-s;
   }
 
   &__highlightedItem {