From 7199ab7cbeeb5b0b4d10641a7f36390e606ca420 Mon Sep 17 00:00:00 2001
From: elhombretecla <delacruzgarciajuan@gmail.com>
Date: Tue, 5 Oct 2021 12:59:00 +0200
Subject: [PATCH] :tada: Font size  adjustemts

---
 frontend/resources/styles/common/base.scss       |  2 +-
 .../styles/common/dependencies/fonts.scss        |  2 +-
 frontend/resources/styles/common/framework.scss  | 10 +++++-----
 .../styles/main/partials/activity-bar.scss       |  4 ++--
 .../styles/main/partials/colorpicker.scss        | 10 +++++-----
 .../resources/styles/main/partials/comments.scss |  6 +++---
 .../styles/main/partials/dashboard-grid.scss     |  6 +++---
 .../styles/main/partials/dashboard-header.scss   |  2 +-
 .../styles/main/partials/dashboard-sidebar.scss  |  2 +-
 .../styles/main/partials/dashboard-team.scss     |  2 +-
 .../styles/main/partials/dashboard.scss          |  6 +++---
 .../resources/styles/main/partials/modal.scss    | 10 +++++-----
 .../styles/main/partials/project-bar.scss        |  4 ++--
 .../styles/main/partials/share-link.scss         |  2 +-
 .../styles/main/partials/sidebar-assets.scss     |  6 +++---
 .../main/partials/sidebar-element-options.scss   | 16 ++++++++--------
 .../main/partials/sidebar-interactions.scss      |  4 ++--
 .../resources/styles/main/partials/sidebar.scss  |  2 +-
 .../styles/main/partials/viewer-header.scss      |  4 ++--
 .../styles/main/partials/viewer-thumbnails.scss  |  2 +-
 20 files changed, 51 insertions(+), 51 deletions(-)

diff --git a/frontend/resources/styles/common/base.scss b/frontend/resources/styles/common/base.scss
index ddd6237923..54032cad67 100644
--- a/frontend/resources/styles/common/base.scss
+++ b/frontend/resources/styles/common/base.scss
@@ -63,7 +63,7 @@ a {
 }
 
 p {
-  font-size: $fs13;
+  font-size: $fs12;
   margin-bottom: 1rem;
   line-height: $base-lh-sm;
 
diff --git a/frontend/resources/styles/common/dependencies/fonts.scss b/frontend/resources/styles/common/dependencies/fonts.scss
index 19e9b2f9cf..75eb65c1f1 100644
--- a/frontend/resources/styles/common/dependencies/fonts.scss
+++ b/frontend/resources/styles/common/dependencies/fonts.scss
@@ -21,7 +21,7 @@ $fs21: 1.315rem;
 $fs22: 1.375rem;
 $fs24: 1.5rem;
 $fs26: 1.625rem;
-$fs28: 1.75rem;
+$fs24: 1.75rem;
 $fs30: 1.875rem;
 $fs32: 2rem;
 $fs34: 2.125rem;
diff --git a/frontend/resources/styles/common/framework.scss b/frontend/resources/styles/common/framework.scss
index 33644d5079..baa6526b6f 100644
--- a/frontend/resources/styles/common/framework.scss
+++ b/frontend/resources/styles/common/framework.scss
@@ -14,7 +14,7 @@
   border-radius: 3px;
   cursor: pointer;
   display: flex;
-  font-size: $fs13;
+  font-size: $fs12;
   height: 30px;
   justify-content: center;
   min-width: 25px;
@@ -555,7 +555,7 @@ input.element-name {
   border: 1px solid $color-gray-40;
   border-radius: $br-small;
   color: $color-gray-60;
-  font-size: $fs13;
+  font-size: $fs12;
   margin: 0px;
   padding: 3px;
   width: 100%;
@@ -713,7 +713,7 @@ input[type=radio]:checked + label:before{
       position: absolute;
       left: 3.2px;
       top: 0;
-      font-size: $fs11;
+      font-size: $fs12;
       transition: border 0.2s linear 0s, color 0.2s linear 0s;
     }
 
@@ -969,7 +969,7 @@ input[type=range]:focus::-ms-fill-upper {
       border-radius: $br-small;
       color: $color-gray-60;
       content: attr(alt);
-      font-size: $fs11;
+      font-size: $fs12;
       font-weight: bold;
       padding: $size-1;
       position: absolute;
@@ -1175,7 +1175,7 @@ input[type=range]:focus::-ms-fill-upper {
         display: flex;
         align-items: center;
         justify-content: center;
-        font-size: $fs15;
+        font-size: $fs14;
       }
     }
   }
diff --git a/frontend/resources/styles/main/partials/activity-bar.scss b/frontend/resources/styles/main/partials/activity-bar.scss
index 97e7940b46..7e116fae18 100644
--- a/frontend/resources/styles/main/partials/activity-bar.scss
+++ b/frontend/resources/styles/main/partials/activity-bar.scss
@@ -40,7 +40,7 @@
   .activity-input {
     border-bottom: 1px solid $color-gray-10;
     display: flex;
-    font-size: $fs13;
+    font-size: $fs12;
     padding: $size-2;
     width: 100%;
 
@@ -70,7 +70,7 @@
 
       .activity-time {
         color: $color-gray-20;
-        font-size: $fs11;
+        font-size: $fs12;
         font-style: italic;
       }
     }
diff --git a/frontend/resources/styles/main/partials/colorpicker.scss b/frontend/resources/styles/main/partials/colorpicker.scss
index 195b7f69bb..f5e8afb3ff 100644
--- a/frontend/resources/styles/main/partials/colorpicker.scss
+++ b/frontend/resources/styles/main/partials/colorpicker.scss
@@ -280,14 +280,14 @@
       margin: 0;
       border: 1px solid $color-gray-10;
       border-radius: 2px;
-      font-size: $fs11;
+      font-size: $fs12;
       height: 1.5rem;
       padding: 0 $size-1;
       color: $color-gray-40;
     }
 
     label {
-      font-size: $fs11;
+      font-size: $fs12;
     }
   }
 
@@ -434,7 +434,7 @@
 
     .input-text {
       color: $color-gray-60;
-      font-size: $fs13;
+      font-size: $fs12;
       margin: 5px;
       padding: 5px;
       width: 100%;
@@ -484,7 +484,7 @@
   position: relative;
 
   .color-name {
-    font-size: $fs13;
+    font-size: $fs12;
     margin: 5px 6px 0px 6px;
   }
 
@@ -500,7 +500,7 @@
       margin: 5px 0 0 0;
       padding: 0 $size-1;
       width: 84px;
-      font-size: $fs13;
+      font-size: $fs12;
 
       &:focus {
         border-color: $color-primary !important;
diff --git a/frontend/resources/styles/main/partials/comments.scss b/frontend/resources/styles/main/partials/comments.scss
index 722f992ae0..87c0d1eb29 100644
--- a/frontend/resources/styles/main/partials/comments.scss
+++ b/frontend/resources/styles/main/partials/comments.scss
@@ -12,7 +12,7 @@
     box-sizing: border-box;
     box-shadow: 0px 4px 4px rgba($color-black, 0.25);
 
-    font-size: $fs13;
+    font-size: $fs12;
     width: 30px;
     height: 30px;
     border-radius: 50%;
@@ -69,7 +69,7 @@
 
     textarea {
       font-family: "worksans", sans-serif;
-      font-size: $fs13;
+      font-size: $fs12;
       min-height: 32px;
       outline: none;
       overflow: hidden;
@@ -120,7 +120,7 @@
         .fullname {
           font-weight: 700;
           color: $color-gray-60;
-          font-size: $fs13;
+          font-size: $fs12;
 
           @include text-ellipsis;
           width: 174px;
diff --git a/frontend/resources/styles/main/partials/dashboard-grid.scss b/frontend/resources/styles/main/partials/dashboard-grid.scss
index 15ef266111..032bab70c6 100644
--- a/frontend/resources/styles/main/partials/dashboard-grid.scss
+++ b/frontend/resources/styles/main/partials/dashboard-grid.scss
@@ -104,7 +104,7 @@
       h3 {
         border: 1px solid transparent;
         color: $color-gray-60;
-        font-size: $fs15;
+        font-size: $fs14;
         font-weight: 400;
         overflow: hidden;
         padding: 0;
@@ -129,7 +129,7 @@
           padding: 0px;
           height: 25px;
           color: $color-gray-60;
-          font-size: $fs15;
+          font-size: $fs14;
           font-weight: 400;
         }
       }
@@ -163,7 +163,7 @@
 
       span {
         color: $color-gray-60;
-        font-size: $fs15;
+        font-size: $fs14;
       }
 
       &:hover {
diff --git a/frontend/resources/styles/main/partials/dashboard-header.scss b/frontend/resources/styles/main/partials/dashboard-header.scss
index 7f5bf5a4dd..b9e7a44f72 100644
--- a/frontend/resources/styles/main/partials/dashboard-header.scss
+++ b/frontend/resources/styles/main/partials/dashboard-header.scss
@@ -41,7 +41,7 @@
     ul {
       display: flex;
       align-items: center;
-      font-size: $fs15;
+      font-size: $fs14;
       justify-content: center;
     }
 
diff --git a/frontend/resources/styles/main/partials/dashboard-sidebar.scss b/frontend/resources/styles/main/partials/dashboard-sidebar.scss
index 1ec88ea2d8..3a68e1ac43 100644
--- a/frontend/resources/styles/main/partials/dashboard-sidebar.scss
+++ b/frontend/resources/styles/main/partials/dashboard-sidebar.scss
@@ -141,7 +141,7 @@
       }
     }
     .text {
-      font-size: $fs13;
+      font-size: $fs12;
     }
   }
 
diff --git a/frontend/resources/styles/main/partials/dashboard-team.scss b/frontend/resources/styles/main/partials/dashboard-team.scss
index 6688ffebe4..6efc6f1786 100644
--- a/frontend/resources/styles/main/partials/dashboard-team.scss
+++ b/frontend/resources/styles/main/partials/dashboard-team.scss
@@ -139,7 +139,7 @@
 
       .name {
         margin-top: 10px;
-        font-size: $fs28;
+        font-size: $fs24;
         color: $color-black;
         @include text-ellipsis;
         margin-right: 90px;
diff --git a/frontend/resources/styles/main/partials/dashboard.scss b/frontend/resources/styles/main/partials/dashboard.scss
index baa726806e..3a8c0deb51 100644
--- a/frontend/resources/styles/main/partials/dashboard.scss
+++ b/frontend/resources/styles/main/partials/dashboard.scss
@@ -40,7 +40,7 @@
 
     h2 {
       cursor: pointer;
-      font-size: 15px;
+      font-size: $fs14;
       line-height: 1rem;
       font-weight: 500;
       color: $color-black;
@@ -52,7 +52,7 @@
     }
 
     .info {
-      font-size: 15px;
+      font-size: $fs14;
       line-height: 1rem;
       font-weight: unset;
       color: $color-gray-30;
@@ -78,7 +78,7 @@
 }
 
 .recent-files-row-title-info {
-  font-size: $fs15;
+  font-size: $fs14;
 }
 
 .dashboard-table {
diff --git a/frontend/resources/styles/main/partials/modal.scss b/frontend/resources/styles/main/partials/modal.scss
index 284e40059b..27da8245df 100644
--- a/frontend/resources/styles/main/partials/modal.scss
+++ b/frontend/resources/styles/main/partials/modal.scss
@@ -48,7 +48,7 @@
     justify-content: space-between;
 
     > button {
-      font-size: $fs13;
+      font-size: $fs12;
     }
     > button:not(:first-child) {
       margin-left: 25px;
@@ -562,7 +562,7 @@
     .header-item {
       cursor: pointer;
       color: $color-gray-40;
-      font-size: $fs15;
+      font-size: $fs14;
 
       &.active {
         color: $color-gray-60;
@@ -597,7 +597,7 @@
 
     .section-title {
       color: $color-black;
-      font-size: $fs15;
+      font-size: $fs14;
       padding: 0 $size-4;
       font-weight: 500;
     }
@@ -737,7 +737,7 @@
 
     .modal-title h2 {
       color: $color-black;
-      font-size: $fs28;
+      font-size: $fs24;
       font-weight: 900;
     }
 
@@ -770,7 +770,7 @@
       .skip {
         cursor: pointer;
         font-family: "worksans", sans-serif;
-        font-size: $fs13;
+        font-size: $fs12;
         margin-left: $size-5;
 
         &:hover {
diff --git a/frontend/resources/styles/main/partials/project-bar.scss b/frontend/resources/styles/main/partials/project-bar.scss
index 10048c209f..908dc03f96 100644
--- a/frontend/resources/styles/main/partials/project-bar.scss
+++ b/frontend/resources/styles/main/partials/project-bar.scss
@@ -36,7 +36,7 @@
 
     .btn-primary,
     .btn-warning {
-      font-size: $fs13;
+      font-size: $fs12;
       margin-bottom: .5rem;
       padding: 8px $size-2;
       width: 90%;
@@ -64,7 +64,7 @@
     }
 
     span {
-      font-size: $fs13;
+      font-size: $fs12;
     }
 
     &:hover,
diff --git a/frontend/resources/styles/main/partials/share-link.scss b/frontend/resources/styles/main/partials/share-link.scss
index af0dd9a110..bd59474e95 100644
--- a/frontend/resources/styles/main/partials/share-link.scss
+++ b/frontend/resources/styles/main/partials/share-link.scss
@@ -64,7 +64,7 @@
     .share-link-section {
       margin-top: 12px;
       label {
-        font-size: $fs11;
+        font-size: $fs12;
         color: $color-black;
       }
 
diff --git a/frontend/resources/styles/main/partials/sidebar-assets.scss b/frontend/resources/styles/main/partials/sidebar-assets.scss
index 3b3c10230c..7fdacb37ba 100644
--- a/frontend/resources/styles/main/partials/sidebar-assets.scss
+++ b/frontend/resources/styles/main/partials/sidebar-assets.scss
@@ -126,7 +126,7 @@
 
     .selected-count {
       color: $color-primary;
-      font-size: $fs11;
+      font-size: $fs12;
     }
 
     .listing-option-btn {
@@ -164,7 +164,7 @@
     .asset-title {
       display: flex;
       cursor: pointer;
-      font-size: $fs11;
+      font-size: $fs12;
       text-transform: uppercase;
 
       & .num-assets {
@@ -291,7 +291,7 @@
       .editable-label-input {
         border: 1px solid $color-gray-20;
         border-radius: 3px;
-        font-size: $fs11;
+        font-size: $fs12;
         padding: 2px;
         margin: 0;
         height: unset;
diff --git a/frontend/resources/styles/main/partials/sidebar-element-options.scss b/frontend/resources/styles/main/partials/sidebar-element-options.scss
index 18519c0141..8428d2b3e9 100644
--- a/frontend/resources/styles/main/partials/sidebar-element-options.scss
+++ b/frontend/resources/styles/main/partials/sidebar-element-options.scss
@@ -65,7 +65,7 @@
     .element-set-title {
       color: $color-gray-20;
       display: flex;
-      font-size: $fs13;
+      font-size: $fs14;
       padding: $size-1;
       width: 100%;
       align-items: center;
@@ -254,7 +254,7 @@
 
   .element-set-subtitle {
     color: $color-gray-20;
-    font-size: $fs11;
+    font-size: $fs12;
     width: 64px;
 
     &.wide {
@@ -562,7 +562,7 @@
       font-size: $fs12;
 
       span {
-        font-size: $fs11;
+        font-size: $fs12;
       }
     }
   }
@@ -1010,7 +1010,7 @@
 }
 
 .element-set-label {
-  font-size: $fs11;
+  font-size: $fs12;
   padding: 0.5rem;
   color: $color-gray-10;
 }
@@ -1157,7 +1157,7 @@
 
   .multiple-typography-text,
   .multiple-typography-button {
-    font-size: $fs13;
+    font-size: $fs12;
     display: flex;
     align-items: center;
   }
@@ -1457,7 +1457,7 @@
   justify-content: flex-start;
 
   .input-select {
-    font-size: $fs11;
+    font-size: $fs12;
     margin: 0 $size-1;
   }
 
@@ -1477,7 +1477,7 @@
   }
 
   .fix-when {
-    font-size: $fs11;
+    font-size: $fs12;
     cursor: pointer;
 
     span {
@@ -1501,7 +1501,7 @@
   border-bottom-color: $color-gray-40;
   color: $color-gray-10;
   cursor: pointer;
-  font-size: $fs11;
+  font-size: $fs12;
   margin: $size-1;
   overflow: hidden;
   padding: $size-1;
diff --git a/frontend/resources/styles/main/partials/sidebar-interactions.scss b/frontend/resources/styles/main/partials/sidebar-interactions.scss
index 013ee9838b..295e59e155 100644
--- a/frontend/resources/styles/main/partials/sidebar-interactions.scss
+++ b/frontend/resources/styles/main/partials/sidebar-interactions.scss
@@ -40,7 +40,7 @@
   }
 
   .action-summary {
-    font-size: $fs11;
+    font-size: $fs12;
     color: $color-gray-20;
   }
 }
@@ -53,7 +53,7 @@
 
   .element-label {
     color: $color-gray-20;
-    font-size: $fs11;
+    font-size: $fs12;
     width: 64px;
   }
 
diff --git a/frontend/resources/styles/main/partials/sidebar.scss b/frontend/resources/styles/main/partials/sidebar.scss
index 38f86fd5a4..17a3ef6fb4 100644
--- a/frontend/resources/styles/main/partials/sidebar.scss
+++ b/frontend/resources/styles/main/partials/sidebar.scss
@@ -93,7 +93,7 @@ $width-settings-bar: 16rem;
 
         span {
           color: $color-gray-10;
-          font-size: $fs13;
+          font-size: $fs14;
         }
 
         span.tool-badge {
diff --git a/frontend/resources/styles/main/partials/viewer-header.scss b/frontend/resources/styles/main/partials/viewer-header.scss
index 024fb7353b..eca7e84ca7 100644
--- a/frontend/resources/styles/main/partials/viewer-header.scss
+++ b/frontend/resources/styles/main/partials/viewer-header.scss
@@ -10,7 +10,7 @@
   justify-content: space-between;
 
   a {
-    font-size: $fs13;
+    font-size: $fs12;
   }
 
   .main-icon {
@@ -72,7 +72,7 @@
 
       > span {
         color: $color-gray-10;
-        font-size: $fs13;
+        font-size: $fs14;
         margin-right: $size-1;
       }
 
diff --git a/frontend/resources/styles/main/partials/viewer-thumbnails.scss b/frontend/resources/styles/main/partials/viewer-thumbnails.scss
index b60a92847f..d87f765fa3 100644
--- a/frontend/resources/styles/main/partials/viewer-thumbnails.scss
+++ b/frontend/resources/styles/main/partials/viewer-thumbnails.scss
@@ -175,7 +175,7 @@
     text-overflow: ellipsis;
 
     span {
-      font-size: $fs13;
+      font-size: $fs12;
     }
   }
 }