From a8894f7054e29b9554fffc77b360cc11e5178c1b Mon Sep 17 00:00:00 2001
From: chylex <contact@chylex.com>
Date: Fri, 2 Feb 2018 18:01:11 +0100
Subject: [PATCH] Fix visual issues with search input and buttons

---
 Resources/Plugins/edit-design/.meta           | 2 +-
 Resources/Plugins/edit-design/browser.js      | 3 +++
 Resources/Plugins/edit-design/theme.black.css | 2 ++
 Resources/Scripts/styles/browser.css          | 4 ++--
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/Resources/Plugins/edit-design/.meta b/Resources/Plugins/edit-design/.meta
index d8b0fdee..46ea435f 100644
--- a/Resources/Plugins/edit-design/.meta
+++ b/Resources/Plugins/edit-design/.meta
@@ -8,7 +8,7 @@ Edit layout & design
 chylex
 
 [version]
-1.2.1
+1.2.2
 
 [website]
 https://tweetduck.chylex.com
diff --git a/Resources/Plugins/edit-design/browser.js b/Resources/Plugins/edit-design/browser.js
index 387789f5..55af062e 100644
--- a/Resources/Plugins/edit-design/browser.js
+++ b/Resources/Plugins/edit-design/browser.js
@@ -528,6 +528,9 @@ enabled(){
 ${iconData.map(entry => `#tduck ${entry[0]}:before{content:\"\\f0${entry[1]}\";font-family:_of!important}`).join("")}
 
 .drawer .btn .icon, .app-header .btn .icon { line-height: 1em !important }
+.app-search-fake .icon { margin-top: -3px !important }
+#tduck .search-input-control .icon { font-size: 20px !important; top: -4px !important }
+
 .column-header .column-type-icon { bottom: 26px !important }
 .is-options-open .column-type-icon { bottom: 25px !important }
 
diff --git a/Resources/Plugins/edit-design/theme.black.css b/Resources/Plugins/edit-design/theme.black.css
index 4485a2cb..961a5aff 100644
--- a/Resources/Plugins/edit-design/theme.black.css
+++ b/Resources/Plugins/edit-design/theme.black.css
@@ -844,3 +844,5 @@ html.dark .DatePicker.date-unselected .is-rangeStart,html.dark .DatePicker.date-
 html.dark .DatePicker.date-unselected .is-rangeStart:hover,html.dark .DatePicker.date-unselected .is-rangeEnd:hover{background-color:#005091;color:#ffffff}
 html.dark .NotificationList .Notification-body{color:#14171A}
 html.dark .DrawerModal{color:#14171A}
+/* fixes */
+html.dark .app-search-fake{border-color:transparent}
diff --git a/Resources/Scripts/styles/browser.css b/Resources/Scripts/styles/browser.css
index b143c532..584ac87c 100644
--- a/Resources/Scripts/styles/browser.css
+++ b/Resources/Scripts/styles/browser.css
@@ -38,7 +38,7 @@
 /* Square-ify stuff */
 /********************/
 
-.btn, .mdl, .mdl-content, .app-search-fake, .app-search-input, .popover, .lst-modal, .tooltip-inner {
+.btn, .mdl, .mdl-content, .popover, .lst-modal, .tooltip-inner {
   border-radius: 1px !important;
 }
 
@@ -46,7 +46,7 @@
   border-radius: 1px !important;
 }
 
-.compose-text-container, .compose-reply-tweet, .compose-message-recipient-input-container, .compose-message-recipient, .compose-media-bar-holder, .media-grid-container, .js-quote-tweet-holder, .detail-view-inline-text {
+.btn-compose, .app-search-fake, .app-search-input, .compose-text-container, .compose-reply-tweet, .compose-message-recipient-input-container, .compose-message-recipient, .compose-media-bar-holder, .media-grid-container, .js-quote-tweet-holder, .detail-view-inline-text {
   border-radius: 0 !important;
 }