From b148f3d03207190f0e76e989187bf5ab484cb910 Mon Sep 17 00:00:00 2001
From: zadam <adam.zivner@gmail.com>
Date: Sat, 5 Sep 2020 22:49:30 +0200
Subject: [PATCH] more compact note info widget

---
 .../widgets/collapsible_widgets/note_info.js  | 21 +++++++++----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/public/app/widgets/collapsible_widgets/note_info.js b/src/public/app/widgets/collapsible_widgets/note_info.js
index 46ac74613..04ed1cdb1 100644
--- a/src/public/app/widgets/collapsible_widgets/note_info.js
+++ b/src/public/app/widgets/collapsible_widgets/note_info.js
@@ -4,7 +4,10 @@ const TPL = `
 <table class="note-info-widget-table">
     <style>
         .note-info-widget-table {
-            width: 100%;
+            max-width: 100%;            
+            display: block;
+            overflow-x: auto;
+            white-space: nowrap;
         } 
    
         .note-info-widget-table td, .note-info-widget-table th {
@@ -22,16 +25,6 @@ const TPL = `
     <tr>
         <th>Note ID:</th>
         <td class="note-info-note-id"></td>
-    </tr>
-    <tr>
-        <th>Created:</th>
-        <td class="note-info-date-created"></td>
-    </tr>
-    <tr>
-        <th>Modified:</th>
-        <td class="note-info-date-modified"></td>
-    </tr>
-    <tr>
         <th>Type:</th>
         <td>
             <span class="note-info-type"></span>
@@ -39,6 +32,12 @@ const TPL = `
             <span class="note-info-mime"></span>
         </td>
     </tr>
+    <tr>
+        <th>Created:</th>
+        <td class="note-info-date-created"></td>
+        <th>Modified:</th>
+        <td class="note-info-date-modified"></td>
+    </tr>
 </table>
 `;