From dcd400601775ef3e68d2f8f71ef37d0e9435829e Mon Sep 17 00:00:00 2001
From: shale <sarah.hale@nasa.gov>
Date: Wed, 22 Jul 2015 13:38:57 -0700
Subject: [PATCH] [Search] Positioning fixed

Fixed the search results so that they
now display correctly, with overflow
hidden, and no unusual positioning.
Also changed font size to 0.8em.
---
 platform/commonUI/general/res/css/tree.css    | 30 ++++++++++++-------
 .../general/res/sass/search/_search.scss      | 21 ++++++++-----
 .../search/res/templates/searchbar-item.html  |  2 +-
 3 files changed, 33 insertions(+), 20 deletions(-)

diff --git a/platform/commonUI/general/res/css/tree.css b/platform/commonUI/general/res/css/tree.css
index a1372825a9..51a3d70880 100644
--- a/platform/commonUI/general/res/css/tree.css
+++ b/platform/commonUI/general/res/css/tree.css
@@ -275,16 +275,24 @@ ul.tree {
 span.search-holder .searchbar {
   width: 100%;
   margin-top: 20px; }
-/* line 44, ../sass/search/_search.scss */
-span.search-holder .results .searchbar-item .label .title-label {
-  position: relative;
-  left: 20px;
-  top: -17px;
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap; }
-/* line 58, ../sass/search/_search.scss */
+/* line 32, ../sass/search/_search.scss */
+span.search-holder .results {
+  margin-top: 10px; }
+  /* line 35, ../sass/search/_search.scss */
+  span.search-holder .results .search-result-item {
+    margin-bottom: 5px; }
+    /* line 45, ../sass/search/_search.scss */
+    span.search-holder .results .search-result-item .label .title-label {
+      display: inline-block;
+      position: absolute;
+      width: auto;
+      left: 20px;
+      right: 0;
+      font-size: .8em;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap; }
+/* line 63, ../sass/search/_search.scss */
 span.search-holder .load-more-button {
   width: 100%;
-  margin-top: 20px; }
+  margin-top: 5px; }
diff --git a/platform/commonUI/general/res/sass/search/_search.scss b/platform/commonUI/general/res/sass/search/_search.scss
index a6d0b64672..9a99038395 100644
--- a/platform/commonUI/general/res/sass/search/_search.scss
+++ b/platform/commonUI/general/res/sass/search/_search.scss
@@ -22,7 +22,7 @@
 
 span.search-holder {
     $iconwidth: 20px;
-    $iconheight: 17px;
+    //$iconheight: 17px;
     
     .searchbar {
         width: 100%;
@@ -30,9 +30,10 @@ span.search-holder {
     }
     
 	.results {
+        margin-top: 10px;
         
-		.searchbar-item {
-            //margin-top: 5px;
+		.search-result-item {
+            margin-bottom: 5px;
             
             .label {
                 
@@ -42,11 +43,15 @@ span.search-holder {
 				}
                 
                 .title-label {
-                    position: relative;
-                    left: $iconwidth;
-                    top: -$iconheight;
+                    display: inline-block;
+                    position: absolute;
+                    
+                    width: auto;
+                    left: $iconwidth;
+                    right: 0;
+                    
+                    font-size: .8em;
                     
-					display: block;
 					overflow: hidden;
 					text-overflow: ellipsis;
 					white-space: nowrap;
@@ -57,6 +62,6 @@ span.search-holder {
     
     .load-more-button {
         width: 100%;
-        margin-top: 20px;
+        margin-top: 5px;
     }
 }
\ No newline at end of file
diff --git a/platform/features/search/res/templates/searchbar-item.html b/platform/features/search/res/templates/searchbar-item.html
index e2d04dcc91..b626f8ae41 100644
--- a/platform/features/search/res/templates/searchbar-item.html
+++ b/platform/features/search/res/templates/searchbar-item.html
@@ -20,7 +20,7 @@
  at runtime from the About dialog for additional information.
 --> 
 
-<div class="searchbar-item">
+<div class="search-result-item">
     <mct-representation
         key="'label'"
         mct-object="domainObject"