From 1384a0e49df3dcac568a0146a6534d685e799796 Mon Sep 17 00:00:00 2001
From: Cilibiu Bogdan <pionnegru@users.noreply.github.com>
Date: Wed, 13 Jun 2018 17:25:10 +0300
Subject: [PATCH] styling (#407)

---
 .../components/search/search.component.html   | 17 ++++++++------
 .../components/search/search.component.scss   | 22 +++++++++++++++----
 2 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/src/app/components/search/search.component.html b/src/app/components/search/search.component.html
index de16027fb..3116bca57 100644
--- a/src/app/components/search/search.component.html
+++ b/src/app/components/search/search.component.html
@@ -63,10 +63,6 @@
         </adf-toolbar>
     </div>
 
-    <div class="adf-search-results__facets">
-        <adf-search-chip-list [searchFilter]="searchFilter"></adf-search-chip-list>
-    </div>
-
     <div class="inner-layout__content">
         <adf-search
             #search
@@ -81,9 +77,16 @@
                 <adf-search-filter #searchFilter></adf-search-filter>
 
                 <div class="adf-search-results__content">
-                    <div class="adf-search-results__content-header" *ngIf="data?.list.entries.length">
-                        <div class="adf-search-results--info-text">{{ 'APP.BROWSE.SEARCH.FOUND_RESULTS' | translate: { number: totalResults } }}</div>
-                        <adf-search-sorting-picker></adf-search-sorting-picker>
+                    <div class="adf-search-results__content-header content" *ngIf="data?.list.entries.length">
+                        <div class="content__side--left">
+                            <div class="adf-search-results--info-text">{{ 'APP.BROWSE.SEARCH.FOUND_RESULTS' | translate: { number: totalResults } }}</div>
+
+                            <div class="adf-search-results__facets">
+                                    <adf-search-chip-list [searchFilter]="searchFilter"></adf-search-chip-list>
+                            </div>
+                        </div>
+
+                        <adf-search-sorting-picker class="content__side--right"></adf-search-sorting-picker>
                     </div>
 
                     <adf-document-list
diff --git a/src/app/components/search/search.component.scss b/src/app/components/search/search.component.scss
index 671eb200c..2ba9bb18c 100644
--- a/src/app/components/search/search.component.scss
+++ b/src/app/components/search/search.component.scss
@@ -5,10 +5,9 @@
 
     &__facets {
         display: flex;
-        flex-direction: column;
-        justify-content: center;
-        padding: 5px;
-        border-bottom: 1px solid #eee;
+        flex-direction: row;
+        margin-top: 5px;
+        margin-bottom: 5px;
     }
 
     &__content {
@@ -21,6 +20,7 @@
         padding: 0 25px 0 25px;
         flex-direction: row;
         align-items: center;
+        border-bottom: 1px solid #eee;
     }
 
     &--info-text {
@@ -39,4 +39,18 @@
     .text--bold {
         font-weight: 600;
     }
+
+    .content {
+        @include flex-row;
+        flex: unset;
+        height: unset;
+        padding-top: 8px;
+        padding-bottom: 8px;
+        flex-wrap: wrap;
+
+        &__side--left {
+            @include flex-column;
+            height: unset;
+        }
+    }
 }