fixes meta#483. TODO: wider articles or lemma list?

src/components/SearchResults.vue

 <template>
   <section id="search_results" :class="$vuetify.breakpoint.name">
     <Pagination @update-page="$emit('update-page')"/>
-    <div class="flex-container">
+    <div class="flex-container" :class="$vuetify.breakpoint.name">
 
-       <div class="hits" :class="$vuetify.breakpoint.name" v-if="$vuetify.breakpoint.smAndDown">
-        <div  class="article_container" v-for="(result, index) in results_bm.concat(results_nn)" :key="index + id_hash"
+       <div class="hits" v-if="$vuetify.breakpoint.smAndDown">
+        <div  class="article_container" v-for="(result, index) in results_bm.concat(results_nn)" :key="index + both_hash"
         :style="'order:'+(index < results_bm.length? 2*index : ((index-results_bm.length)*2) + 1)">
           <Article
-              
               :article="result"
               :title_id="`title_${index}`"
               @article-click="article_link_click"
@@ -16,7 +15,7 @@
         </div>
       </div>
 
-      <div class="hits" :class="$vuetify.breakpoint.name" v-if="$vuetify.breakpoint.mdAndUp">
+      <div class="hits" v-if="$vuetify.breakpoint.mdAndUp && lang!= 'nn'" v-bind:class="{'wide': lang=='bm'}">
         <div  class="article_container" v-for="(result, index) in results_bm" :key="index + bm_hash">
           <Article
               :article="result"
@@ -26,7 +25,7 @@
           </Article>
         </div>
       </div>
-      <div class="hits" :class="$vuetify.breakpoint.name" v-if="$vuetify.breakpoint.mdAndUp">
+      <div class="hits" v-if="$vuetify.breakpoint.mdAndUp && lang!='bm'" v-bind:class="{'wide': lang=='nn'}">
         <div class="article_container" v-for="(result, index) in results_nn" :key="index + nn_hash">
           <Article
               :article="result"
@@ -55,7 +54,7 @@ export default {
     meta: Object
   },
   computed: {
-    id_hash: function(){
+    both_hash: function(){
       return this.results_bm.concat(this.results_nn).reduce((hash, hit) => (hash + hit.article_id) % 10000, 0)
     },
     bm_hash: function(){
@@ -114,6 +113,10 @@ export default {
   }
 
   .hits.wide {
+    min-width: 50%;
+  }
+
+  .flex-container.sm .hits, .flex-container.xs .hits {
     min-width: 100%;
     display: flex;
     flex-direction: column;