From f885388bf7fd27bea1397a14767bf581d61f2f0e Mon Sep 17 00:00:00 2001
From: zadam <zadam.apps@gmail.com>
Date: Tue, 3 Sep 2019 22:06:49 +0200
Subject: [PATCH] avoid overflowing of long mime type

---
 src/public/javascripts/widgets/note_info.js | 2 +-
 src/public/stylesheets/desktop.css          | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/public/javascripts/widgets/note_info.js b/src/public/javascripts/widgets/note_info.js
index 281c8ae94..1f71fd03d 100644
--- a/src/public/javascripts/widgets/note_info.js
+++ b/src/public/javascripts/widgets/note_info.js
@@ -42,7 +42,7 @@ class NoteInfoWidget extends StandardWidget {
         $dateCreated.text(note.dateCreated);
         $dateModified.text(note.dateModified);
         $type.text(note.type);
-        $mime.text(note.mime);
+        $mime.text(note.mime).attr("title", note.mime);
     }
 
     eventReceived(name, data) {
diff --git a/src/public/stylesheets/desktop.css b/src/public/stylesheets/desktop.css
index 9c658f488..6bc21b814 100644
--- a/src/public/stylesheets/desktop.css
+++ b/src/public/stylesheets/desktop.css
@@ -417,4 +417,11 @@ body {
 #widgets-configuration .handle {
     margin-right: 20px;
     display: inline-block;
+}
+
+.note-info-mime {
+    max-width: 13em;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
\ No newline at end of file