Make ui small again

src/components/atoms/OcButton/OcButton.vue

@@ -203,7 +203,7 @@ export default {
     background-color: transparent;
     border-style: none;
     color: $color;
-    font-size: 1rem;
+    font-size: var(--oc-font-size-small);
     font-weight: normal;
     min-height: 0;
     padding: 0;
@@ -264,7 +264,7 @@ export default {
   color: var(--oc-color-text-inverse);
   display: inline-flex;
   font-weight: 400;
-  padding: 0.5rem 0.75rem;
+  padding: 0.4rem 0.7rem;
   text-align: center;
   text-decoration: none;
 
@@ -323,21 +323,21 @@ export default {
   &-s {
     @include oc-button-line-height(0.7);
 
-    font-size: 0.9rem;
+    font-size: 0.875rem;
     min-height: 1.2rem;
   }
 
   &-m {
     @include oc-button-line-height(1);
 
-    font-size: 1.125rem;
+    font-size: 1rem;
     min-height: $global-control-height;
   }
 
   &-l {
     @include oc-button-line-height(1.5);
 
-    font-size: 1.5rem;
+    font-size: 1.375rem;
     min-height: 2rem;
   }
 
@@ -362,13 +362,7 @@ export default {
     &-filled {
       @extend .oc-background-primary-gradient;
       color: var(--oc-color-swatch-inverse-default) !important;
-
-      border: 1px solid
-        linear-gradient(
-          90deg,
-          var(--oc-color-swatch-primary-muted) 0%,
-          var(--oc-color-swatch-primary-gradient) 100%
-        ) !important;
+      padding: calc(0.4rem + 1px) 0.7rem;
 
       span > svg {
         fill: var(--oc-color-swatch-inverse-default) !important;

src/components/atoms/OcResourceIcon/OcResourceIcon.vue

@@ -71,6 +71,7 @@ export default {
 .oc-resource-icon {
   display: inline-flex;
   align-items: center;
+  vertical-align: middle;
   &-file svg {
     height: 70%;
   }

src/components/molecules/OcBreadcrumb/OcBreadcrumb.vue

@@ -219,7 +219,7 @@ export default {
     a,
     button,
     span {
-      font-size: 1rem;
+      font-size: var(--oc-font-size-small);
     }
   }
 

src/styles/theme/oc-text.scss

@@ -82,7 +82,7 @@ td.oc-text-break {
 }
 
 .oc-text-initial {
-  font-size: 1rem;
+  font-size: var(--oc-font-size-small);
 }
 
 .oc-text-small {

src/tokens/ods/font.yaml

@@ -2,7 +2,7 @@
 font:
   size:
     default:
-      value: 1rem
+      value: 0.88rem
     small:
       value: 0.88rem
     medium:

src/tokens/ods/size.yaml

@@ -5,12 +5,12 @@ size:
       value: 150px
   max-height:
     logo:
-      value: 65px
+      value: 60px
   height:
     small:
       value: 50px
     table-row:
-      value: 49px
+      value: 46px
   width:
     xsmall:
       value: 100px
@@ -19,6 +19,6 @@ size:
     medium:
       value: 300px
   icon-default:
-    value: 24px
+    value: 22px
   form-check-default:
     value: 16px