From 23a8010872da26ce5e514e925bf1c17234ab3548 Mon Sep 17 00:00:00 2001
From: Alina Beck <alina.beck@mail.com>
Date: Mon, 23 Mar 2020 14:29:49 +0100
Subject: [PATCH] fix styling for post results

---
 .../_new/features/SearchResults/SearchResults.vue     | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/webapp/components/_new/features/SearchResults/SearchResults.vue b/webapp/components/_new/features/SearchResults/SearchResults.vue
index 4ac2a5cc9..e4b398dd8 100644
--- a/webapp/components/_new/features/SearchResults/SearchResults.vue
+++ b/webapp/components/_new/features/SearchResults/SearchResults.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="search-results">
     <tab-navigation :tabs="tabOptions" :activeTab="activeTab" @switchTab="switchTab" />
-    <section>
+    <section :class="['results', activeTab === 'User' && '--user']">
       <p v-if="!activeResources.length">No results found for "{{ search }}"</p>
       <masonry-grid v-else-if="activeTab === 'Post'">
         <masonry-grid-item v-for="resource in activeResources" :key="resource.key">
@@ -98,13 +98,16 @@ export default {
 </script>
 <style lang="scss">
 .search-results {
-  > section {
+  > .results {
     display: inline-block;
-    width: 100%;
-    max-width: 600px;
     padding: $space-small;
     background-color: $color-neutral-80;
     border-radius: 0 $border-radius-base $border-radius-base $border-radius-base;
+
+    &.--user {
+      width: 100%;
+      max-width: 600px;
+    }
   }
 
   .user-list > .item {