Make ui small again

owncloud · Jul 27, 2022 · 49c8534 · 49c8534
1 parent 4150e86
commit 49c8534
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 11 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -1,9 +1,9 @@
 ---
 space:
   xsmall:
-    value: 4px
+    value: 2px
   small:
-    value: 8px
+    value: 7px
   medium:
     value: 16px
   large: