Refactor badge sizing.

Author: zoltanszogyenyi

src/partials/dashboard/_sidenav.html

@@ -48,7 +48,7 @@ <h2 class="h5 mb-3">Hi, Jane</h2>
             <span class="sidebar-text">Kanban</span>
           </span>
           <span>
-            <span class="badge badge-md bg-secondary ms-1 text-gray-800">Pro</span>
+            <span class="badge badge-sm bg-secondary ms-1 text-gray-800">Pro</span>
           </span>
         </a>
       </li>
@@ -77,7 +77,7 @@ <h2 class="h5 mb-3">Hi, Jane</h2>
             <span class="sidebar-text">Calendar</span>
           </span>
           <span>
-            <span class="badge badge-md bg-secondary ms-1 text-gray-800">Pro</span>
+            <span class="badge badge-sm bg-secondary ms-1 text-gray-800">Pro</span>
           </span>
         </a>
       </li>
@@ -90,7 +90,7 @@ <h2 class="h5 mb-3">Hi, Jane</h2>
             <span class="sidebar-text">Map</span>
           </span>
           <span>
-            <span class="badge badge-md bg-secondary ms-1 text-gray-800">Pro</span>
+            <span class="badge badge-sm bg-secondary ms-1 text-gray-800">Pro</span>
           </span>
         </a>
       </li>
@@ -232,7 +232,7 @@ <h2 class="h5 mb-3">Hi, Jane</h2>
           <span class="sidebar-icon">
             <svg class="icon icon-xs me-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>
           </span>
-          <span class="sidebar-text">Documentation <span class="badge badge-md bg-secondary ms-1 text-gray-800">v1.4</span></span>
+          <span class="sidebar-text">Documentation <span class="badge badge-sm bg-secondary ms-1 text-gray-800">v1.4</span></span>
         </a>
       </li>
       <li class="nav-item">

src/scss/volt/components/_badge.scss

@@ -36,15 +36,11 @@
 }
 
 // Sizes
-.badge-md {
-    padding: .25rem .4rem;
+.badge-sm {
+    padding: .2rem .6rem;
 }
 
 .badge-lg {
-    padding: .35rem .85rem;
-}
-
-.badge-xl {
     font-size: $font-size-lg;
     padding: .35rem .85rem;
 }