diff --git a/apps/powermanager/boot.js b/apps/powermanager/boot.js
index 0f26e18ab..c35ec1546 100644
--- a/apps/powermanager/boot.js
+++ b/apps/powermanager/boot.js
@@ -42,10 +42,10 @@
 
 
     let logPower = (type, oldstate, state, app) => {
-      logFile.write("p," + type + ',' + (oldstate?1:0) + ',' + (state?1:0) + ',' + app + "\n");
+      logFile.write(Date.now() + ",p," + type + ',' + (oldstate?1:0) + ',' + (state?1:0) + ',' + app + "\n");
     };
     let logDeferred = (type, duration, source) => {
-      logFile.write(type + ',' + duration + ',' + source.replace(/\n/g, " ").replace(/,/g,"") + "\n");
+      logFile.write(Date.now() + "," + type + ',' + duration + ',' + source.replace(/\n/g, " ").replace(/,/g,"") + "\n");
     };
 
     let lastPowerOn = {};
@@ -162,4 +162,4 @@
       if (!charging) chargeStart = undefined;
     });
   }
-})();
\ No newline at end of file
+})();
diff --git a/apps/powermanager/interface.html b/apps/powermanager/interface.html
index fac49694c..95fd3347b 100644
--- a/apps/powermanager/interface.html
+++ b/apps/powermanager/interface.html
@@ -1,6 +1,15 @@
 <html>
   <head>
     <link rel="stylesheet" href="../../css/spectre.min.css">
+
+    <style> 
+      .table_wrapper{
+        display: block;
+        overflow-x: auto;
+        margin-right: 0.8rem;
+        white-space: nowrap;
+      }
+    </style>
   </head>
   <body>
     <div id="content"></div>
@@ -119,18 +128,21 @@ function viewDeferredTable(filename) {
             <button class="btn btn-primary" id="back" style="float: right;margin-right: 5px;margin-left: 10px;">Back</button>
             <div>
               This are functions used in timeouts and intervals and their accumulated execution times. Recorded in a time span of <b>${timeFormat(duration)}</b>. Timeouts/intervals have run for <b>${timeFormat(sum)} (${(sum/duration*100).toFixed(2)}%)</b>. Percentages are calculated from summarized timeout/interval running time.
-            </div>
-            <table class="table table-striped table-hover">
-            <thead>
-              <tr>
-                <th>Time</th>
-                <th>Percentage</th>
-                <th>Function</th>
-              </tr>
-            </thead>
-            <tbody>\n`;
+            </div>           
+
+            <div class="table_wrapper">
+
+              <table class="table table-striped table-hover">
+              <thead>
+                <tr>
+                  <th>Time</th>
+                  <th>Percentage</th>
+                  <th>Function</th>
+                </tr>
+              </thead>
+              <tbody>\n`;
           htmlOverview += tableRows;
-          htmlOverview += `</tbody></table>`;
+          htmlOverview += `</tbody></table></div>`;
           domContent.innerHTML = htmlOverview;
           domContent.querySelector("#back").addEventListener("click",event => {
             show();
@@ -234,24 +246,46 @@ function viewDetailsTable(filename) {
       Util.hideModal();
       
       var htmlOverview = `<h1>Detailed logging</h1>
-
-      This is a trace log of all logged power entries, first column denotes the type. p for power, i for interval and t for timeout. Power is logged with old state, new state and calling app if available. Functions are logged with execution duraion and source if available.
-
       <button class="btn btn-primary" id="back" style="float: right;margin-right: 5px;">Back</button>
-      <table class="table table-striped table-hover">
-      <tbody>\n`;
+      <div>
+        This is a trace log of all logged entries. Power is logged with type, state transition (old &rarr; new) and calling app if available. Functions are logged with execution duraion and source if available.
+      </div>
+      <div class="table_wrapper">
+
+        <table class="table table-striped table-hover">
+        <thead>
+          <tr>
+            <th>Time</th>
+            <th>Type</th>
+            <th>Info</th>
+          </tr>
+        </thead>
+        <tbody>\n`;
         let rows = data.trim().split("\n");
+        let firstTimestamp;
         for (var row of rows) {
           let cols = row.split(",");
-          htmlOverview += `<tr>
-          <td>${cols[0]}</td>
-          <td>${cols[1]}</td>
-          <td>${cols[2]}</td>
-          <td>${cols[3]}</td>
-          <td>${cols[4]}</td>
-          </tr>`
+          let col = 0;
+          if (!firstTimestamp) firstTimestamp = cols[0];
+
+          if (cols[1] == "p"){
+            cols[1] = "Power";
+            htmlOverview += `<tr>
+            <td>${timeFormat(cols[col++]-firstTimestamp)}</td>
+            <td>${cols[col++]}</td>
+            <td>${cols[col++]}</br>${cols[col++]} &rarr; ${cols[col++]}</br>${cols[col++]}</td>
+            </tr>`
+          } else {
+            htmlOverview += `<tr>
+            <td>${timeFormat(cols[col++]-firstTimestamp)}</td>
+            <td>${cols[col++]=="t"?"Timeout":"Interval"}</td>
+            <td>${new Number(cols[col++]).toFixed(0)}ms</br><pre>${cols[col++]}</pre></td>
+            </tr>`
+          }
       }
-      htmlOverview += `</tbody></table>`;
+      htmlOverview += `</tbody></table></div>`;
+
+
       domContent.innerHTML = htmlOverview;
       domContent.querySelector("#back").addEventListener("click",event => {
          show();

Time	Type	Info
${cols[0]}	${cols[1]}	${cols[2]}	${cols[3]}	${cols[4]}
${timeFormat(cols[col++]-firstTimestamp)}	${cols[col++]}	${cols[col++]} ${cols[col++]} → ${cols[col++]} ${cols[col++]}
${timeFormat(cols[col++]-firstTimestamp)}	${cols[col++]=="t"?"Timeout":"Interval"}	${new Number(cols[col++]).toFixed(0)}ms ${cols[col++]}