Fix margins in header, fix margins in widgets

Author: Blari

src/components/Header/Header.vue

@@ -51,7 +51,7 @@
             <img class="rounded-circle" src="../../assets/people/a5.jpg" alt="..." />
           </span>
           <span class="small">Philip Smith</span>
-          <span class="ml-1 circle bg-primary text-white fw-bold">13</span>
+          <span class="ml-2 mr-3 circle bg-primary text-white fw-bold">13</span>
         </template>
         <Notifications />
       </b-nav-item-dropdown>

src/pages/Dashboard/components/BigStat/BigStat.vue

@@ -16,7 +16,7 @@
         </b-dropdown>
       </div>
       <div class="px-5">
-        <h4 class="fw-semi-bold mb-lg mt-sm">{{total}}</h4>
+        <h4 class="fw-semi-bold mb-sm mt-sm">{{total}}</h4>
         <div class="d-flex">
           <div class="w-50 py-3 pr-2">
             <div class="d-flex align-items-start">