fix some style issues

templates/common/base.html

@@ -69,7 +69,7 @@
     </nav>
 
     <div class="container-fluid">
-        <div class="row">
+        <div class="row" style="margin-top: -10px;">
             <!-- Sidebar -->
             <div class="col-md-3 col-lg-2 px-0 sidebar" id="sidebar">
                 <div class="p-3">

templates/dashboard/dashboard.html

@@ -157,6 +157,23 @@ document.addEventListener('DOMContentLoaded', function() {
         plugins: {
           legend: {
             display: false
+          },
+          tooltip: {
+            callbacks: {
+              label: function(context) {
+                var value = context.raw;
+                var units = ['B', 'KB', 'MB', 'GB', 'TB'];
+                var size = value;
+                var unitIndex = 0;
+                
+                while (size >= 1024 && unitIndex < units.length - 1) {
+                  size /= 1024;
+                  unitIndex++;
+                }
+                
+                return context.label + ': ' + size.toFixed(1) + ' ' + units[unitIndex];
+              }
+            }
           }
         },
         cutout: '70%'