From bc6235720b5675bbc00c92d0888997ad9202a68d Mon Sep 17 00:00:00 2001
From: Vinzenz <vinzenz.rosenkranz@gmail.com>
Date: Sat, 4 Jun 2016 01:13:46 +0200
Subject: [PATCH] share dialog styling improvements

---
 css/style.css                          | 7 ++++++-
 js/script.js                           | 4 +++-
 templates/part.note-modal-editable.php | 1 +
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/css/style.css b/css/style.css
index 9ad5126..6760147 100644
--- a/css/style.css
+++ b/css/style.css
@@ -155,12 +155,17 @@ div[data-placeholder]:not([data-placeholder=""]):empty::before {
 
 #note-share-options {
     display: none;
+    padding-bottom: 5px;
 }
 
-.selected-share:hover, .unselected-share:hover {
+.selected-share:hover, .unselected-share:hover, .unselected-share span:hover {
     cursor: pointer;
 }
 
+.selected-share, .unselected-share {
+    padding-left: 5px;
+}
+
 /* Modal Content */
 
 .modal-content {
diff --git a/js/script.js b/js/script.js
index 2096d10..7939408 100644
--- a/js/script.js
+++ b/js/script.js
@@ -434,7 +434,8 @@ View.prototype = {
 
                 shareOptions.show();
                 var modalNote = $('.note-active');
-                modalNote.outerHeight(modalNote.outerHeight(true) + shareOptions.outerHeight(true));
+                var startHeight = modalNote.outerHeight(true);
+                modalNote.outerHeight(startHeight + shareOptions.outerHeight(true));
                 sear.on('input', function() {
                     var val = $(this).val().toLowerCase().trim();
                     var lis = neg.children();
@@ -449,6 +450,7 @@ View.prototype = {
                             }
                         }
                     }
+                    modalNote.outerHeight(startHeight + shareOptions.outerHeight(true));
                 });
            });
         });
diff --git a/templates/part.note-modal-editable.php b/templates/part.note-modal-editable.php
index c486d51..4f290f3 100644
--- a/templates/part.note-modal-editable.php
+++ b/templates/part.note-modal-editable.php
@@ -10,6 +10,7 @@
 					<button id='cancel-button'><?php p($l->t('Cancel')); ?></button>
 					<button id='save-button'><?php p($l->t('Save')); ?></button>
 				</div>
+				<div style="clear: both;"></div>
 				<div id="note-share-options">
 					<ul id="share-pos">
 					</ul>