From 41cda2c44a0b90180e6e1f95838e642395e9051d Mon Sep 17 00:00:00 2001
From: Candid Dauth <cdauth@cdauth.eu>
Date: Mon, 27 Feb 2017 02:14:10 +0100
Subject: [PATCH] Fix search field resizing when there are no results (#62)

---
 frontend/app/map/search/search.css  | 5 +++++
 frontend/app/map/search/search.html | 2 +-
 frontend/app/map/search/search.js   | 5 +++--
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/app/map/search/search.css b/frontend/app/map/search/search.css
index 1c95aa44..afe5b1f2 100644
--- a/frontend/app/map/search/search.css
+++ b/frontend/app/map/search/search.css
@@ -45,6 +45,11 @@
 	white-space: nowrap;
 }
 
+.fm-search.fm-hasResults .fm-search-results {
+	min-height: 60px;
+	min-width: 150px;
+}
+
 .fm-search .no-results {
 	margin: 10px 0 0;
 }
diff --git a/frontend/app/map/search/search.html b/frontend/app/map/search/search.html
index 809d76ce..dce6ddd9 100644
--- a/frontend/app/map/search/search.html
+++ b/frontend/app/map/search/search.html
@@ -16,7 +16,7 @@
 			</div>
 		</form>
 
-		<div class="fm-search-results" ng-show="searchResults">
+		<div class="fm-search-results">
 			<div uib-alert class="alert-danger no-results" ng-if="searchResults.length == 0">No results have been found.</div>
 			<ul class="list-group" ng-if="searchResults.length > 0">
 				<li ng-repeat="result in searchResults" class="list-group-item" ng-class="{active: activeResult === result}">
diff --git a/frontend/app/map/search/search.js b/frontend/app/map/search/search.js
index 30644236..e19dd5a2 100644
--- a/frontend/app/map/search/search.js
+++ b/frontend/app/map/search/search.js
@@ -431,11 +431,12 @@ fm.app.factory("fmMapSearch", function($rootScope, $compile, fmUtils, $timeout,
 		el.find(".fm-search-results").resizable({
 			handles: {
 				se: el.find(".fm-search-resize")
-			}
+			},
+			minHeight: 0
 		}).one("resize", () => {
 			el.filter(".fm-search").addClass("fm-search-resized");
 		}).on("resize", () => {
-			el.find("form").css("width", el.find(".fm-search-results").css("width"));
+			el.find("form").css("width", `${el.find(".fm-search-results").innerWidth()}px`);
 		});
 
 		return searchUi;