From 12324bdaa3bbdeae3139fc05b88e8444c4f5f0e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C5=BEe=20Fortun?= <joze.fortun@gmail.com>
Date: Thu, 8 Dec 2022 12:43:27 +0100
Subject: [PATCH] Improve left padding on smaller screens for Topbar

---
 lib/vue/src/components/navigation/CTopbar.vue | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/lib/vue/src/components/navigation/CTopbar.vue b/lib/vue/src/components/navigation/CTopbar.vue
index ea3895ff4..12a383668 100644
--- a/lib/vue/src/components/navigation/CTopbar.vue
+++ b/lib/vue/src/components/navigation/CTopbar.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="header-navigation d-flex align-items-center sticky-top pr-3 pl-5">
+  <div class="header-navigation d-flex align-items-center sticky-top pr-3">
     <div
       class="spacer"
       :class="{
@@ -8,7 +8,7 @@
     />
 
     <h2
-      class="d-none d-sm-inline-block text-truncate mb-0 ml-1"
+      class="d-none d-sm-inline-block text-truncate mb-0"
     >
       <slot name="title" />
     </h2>
@@ -269,10 +269,7 @@ $nav-user-icon-size: 50px;
   width: 100vw;
   height: $header-height;
   background-color: #F3F3F5 !important;
-
-  h2 {
-    padding-left: calc(0.5rem + 2px);
-  }
+  padding-left: calc(3.5rem + 6px);
 }
 
 .topbar-dropdown-menu {