Tweak optics

src/pages/Index.vue

@@ -3,7 +3,8 @@
     header.header
       Navigation(defaultRoom="Kino")
     main
-      router-view
+      keep-alive(include="SearchPage")
+        router-view
 </template>
 
 <style lang="stylus" scoped>

src/pages/Search.vue

@@ -32,7 +32,11 @@
 .flex-container
   display flex
   .event
+    max-width 80vw
     align-self center
+    text-overflow ellipsis
+    display inline-block
+    overflow hidden
   .collapse
     margin-left auto
 </style>
@@ -74,7 +78,7 @@ export default {
           name: "date",
           label: "Date",
           field: "date",
-          
+
           sort(a, b) {
             return moment().diff(moment(a)) - moment().diff(moment(b));
           }
@@ -87,11 +91,7 @@ export default {
       this.$set(this.expanded, id, !this.expanded[id]);
     },
     cropName(value) {
-      if (value.length > 45) {
-        return value.substring(0, 42) + "...";
-      } else {
-        return value;
-      }
+      return value;
     },
     dateToDay(value) {
       return moment(value).format("dddd HH:mm");

src/pages/SpaceDetail.vue

@@ -47,4 +47,4 @@ export default {
     }
   }
 };
-</script>
\ No newline at end of file
+</script>