visual(pages): fix horizontal page overflow

Author: gustavotoyota

apps/client/src/layouts/PagesLayout/MainContent/DisplayUI/DisplayHorizontalPage.vue

@@ -74,7 +74,7 @@ const isEmpty = computed(
 
   max-width: min(120px, 100vw / 4);
 
-  padding-top: 6px;
+  padding-top: 2px;
   padding-right: 5px;
   padding-bottom: 2px;
   padding-left: 5px;
@@ -89,7 +89,6 @@ const isEmpty = computed(
   color: lighten(#006dd2, 23%);
 
   font-size: 12px;
-  line-height: 0.9;
 
   overflow: hidden;
   text-overflow: ellipsis;
@@ -99,6 +98,8 @@ const isEmpty = computed(
 }
 
 .page-title {
+  margin-top: -3px;
+
   color: #d0d0d0;
 
   overflow: hidden;

apps/client/src/layouts/PagesLayout/MainContent/DisplayUI/DisplayHorizontalPath.vue

@@ -5,7 +5,7 @@
       position: absolute;
       left: 12px;
       right: 12px;
-      top: 8px;
+      top: 7px;
       font-size: 13px;
       white-space: nowrap;
 
@@ -26,7 +26,7 @@
         >
           <span
             v-if="index > 0"
-            style="color: #808080; margin-top: -2px"
+            style="color: #808080; margin-top: -1px"
           >
             >
           </span>