From 49c85347a22c2457c7fdf4ee2f1153a860398fd1 Mon Sep 17 00:00:00 2001
From: Paul Neubauer <paulneubauer@live.de>
Date: Wed, 27 Jul 2022 23:02:47 +0200
Subject: [PATCH] Make ui small again

---
 src/components/atoms/OcButton/OcButton.vue             | 6 +++---
 src/components/atoms/OcResourceIcon/OcResourceIcon.vue | 1 +
 src/components/molecules/OcBreadcrumb/OcBreadcrumb.vue | 2 +-
 src/styles/theme/oc-text.scss                          | 2 +-
 src/tokens/ods/font.yaml                               | 2 +-
 src/tokens/ods/size.yaml                               | 6 +++---
 src/tokens/ods/space.yaml                              | 4 ++--
 7 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/components/atoms/OcButton/OcButton.vue b/src/components/atoms/OcButton/OcButton.vue
index 420d234d9..ef951bd54 100644
--- a/src/components/atoms/OcButton/OcButton.vue
+++ b/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: 0.88rem;
     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: .4rem .7rem;
   text-align: center;
   text-decoration: none;
 
@@ -330,7 +330,7 @@ export default {
   &-m {
     @include oc-button-line-height(1);
 
-    font-size: 1.125rem;
+    font-size: 1rem;
     min-height: $global-control-height;
   }
 
diff --git a/src/components/atoms/OcResourceIcon/OcResourceIcon.vue b/src/components/atoms/OcResourceIcon/OcResourceIcon.vue
index d9d770d43..018471568 100644
--- a/src/components/atoms/OcResourceIcon/OcResourceIcon.vue
+++ b/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%;
   }
diff --git a/src/components/molecules/OcBreadcrumb/OcBreadcrumb.vue b/src/components/molecules/OcBreadcrumb/OcBreadcrumb.vue
index 1165d1f4f..d8cfd9766 100644
--- a/src/components/molecules/OcBreadcrumb/OcBreadcrumb.vue
+++ b/src/components/molecules/OcBreadcrumb/OcBreadcrumb.vue
@@ -219,7 +219,7 @@ export default {
     a,
     button,
     span {
-      font-size: 1rem;
+      font-size: 0.88rem;
     }
   }
 
diff --git a/src/styles/theme/oc-text.scss b/src/styles/theme/oc-text.scss
index 0b00659f2..5d66e5472 100644
--- a/src/styles/theme/oc-text.scss
+++ b/src/styles/theme/oc-text.scss
@@ -82,7 +82,7 @@ td.oc-text-break {
 }
 
 .oc-text-initial {
-  font-size: 1rem;
+  font-size: 0.88rem;
 }
 
 .oc-text-small {
diff --git a/src/tokens/ods/font.yaml b/src/tokens/ods/font.yaml
index 70ed036c9..e5d22f3bf 100644
--- a/src/tokens/ods/font.yaml
+++ b/src/tokens/ods/font.yaml
@@ -2,7 +2,7 @@
 font:
   size:
     default:
-      value: 1rem
+      value: 0.88rem
     small:
       value: 0.88rem
     medium:
diff --git a/src/tokens/ods/size.yaml b/src/tokens/ods/size.yaml
index 74d59e782..bb6273b2c 100644
--- a/src/tokens/ods/size.yaml
+++ b/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
diff --git a/src/tokens/ods/space.yaml b/src/tokens/ods/space.yaml
index d61999c80..4d4c3c29e 100644
--- a/src/tokens/ods/space.yaml
+++ b/src/tokens/ods/space.yaml
@@ -1,9 +1,9 @@
 ---
 space:
   xsmall:
-    value: 4px
+    value: 2px
   small:
-    value: 8px
+    value: 7px
   medium:
     value: 16px
   large: