From 3fd53aff3887b3a11e6c9fe44f5a736a0f8494f6 Mon Sep 17 00:00:00 2001
From: Joakim Olsson <joakim@unbound.se>
Date: Fri, 18 Jan 2019 14:19:18 +0100
Subject: [PATCH] Minor UI-fixes and fix ignore municipality

---
 components/pages/events/Event/index.vue | 11 +++++------
 components/pages/events/index.vue       |  6 +++---
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/components/pages/events/Event/index.vue b/components/pages/events/Event/index.vue
index 0032315..8d3c450 100644
--- a/components/pages/events/Event/index.vue
+++ b/components/pages/events/Event/index.vue
@@ -1,16 +1,15 @@
 <template>
   <Card dis-hover>
-    <p slot="title">{{event.band.name}}</p>
-    <a href="#" slot="extra" v-if="hasUser" @click.prevent="ignore('band', event.band.name)"><Icon type="ios-eye-off" title="Dölj"></Icon></a>
+    <p slot="title"><a href="#" v-if="hasUser" @click.prevent="ignore('band', event.band.name)"><Icon type="ios-eye-off" title="Dölj"></Icon>&nbsp;</a>{{event.band.name}}</p>
     <Row>
       <Col :xs="24" :sm="12"><strong>Datum:</strong> {{event.date}}</Col>
       <Col :xs="24" :sm="12" v-if="event.time"><strong>Tid:</strong> {{event.time}}</Col>
     </Row>
     <Row>
-      <Col :xs="24" :sm="12" :md="6"><strong>Var:</strong> {{event.danceHall.name}} <a href="#" v-if="hasUser" @click.prevent="ignore('danceHall', event.danceHall.name)"><Icon type="ios-eye-off" title="Dölj"></Icon></a></Col>
-      <Col :xs="24" :sm="12" :md="6"><strong>Ort:</strong> {{event.danceHall.city}} <a href="#" v-if="hasUser" @click.prevent="ignore('city', event.danceHall.city)"><Icon type="ios-eye-off" title="Dölj"></Icon></a></Col>
-      <Col :xs="24" :sm="12" :md="6"><strong>Kommun:</strong> {{event.danceHall.municipality}} <a href="#" v-if="hasUser" @click.prevent="ignore('municipality', event.danceHall.municipality)"><Icon type="ios-eye-off" title="Dölj"></Icon></a></Col>
-      <Col :xs="24" :sm="12" :md="6"><strong>Län:</strong> {{event.danceHall.state}} <a href="#" v-if="hasUser" @click.prevent="ignore('state', event.danceHall.state)"><Icon type="ios-eye-off" title="Dölj"></Icon></a></Col>
+      <Col :xs="24" :sm="12" :md="6"><strong>Var:</strong> <a href="#" v-if="hasUser" @click.prevent="ignore('danceHall', event.danceHall.name)"><Icon type="ios-eye-off" title="Dölj"></Icon>&nbsp;</a>{{event.danceHall.name}}</Col>
+      <Col :xs="24" :sm="12" :md="6"><strong>Ort:</strong> <a href="#" v-if="hasUser" @click.prevent="ignore('city', event.danceHall.city)"><Icon type="ios-eye-off" title="Dölj"></Icon>&nbsp;</a>{{event.danceHall.city}}</Col>
+      <Col :xs="24" :sm="12" :md="6"><strong>Kommun:</strong> <a href="#" v-if="hasUser" @click.prevent="ignore('municipality', event.danceHall.municipality)"><Icon type="ios-eye-off" title="Dölj"></Icon>&nbsp;</a>{{event.danceHall.municipality}}</Col>
+      <Col :xs="24" :sm="12" :md="6"><strong>Län:</strong> <a href="#" v-if="hasUser" @click.prevent="ignore('state', event.danceHall.state)"><Icon type="ios-eye-off" title="Dölj"></Icon>&nbsp;</a>{{event.danceHall.state}}</Col>
     </Row>
   </Card>
 </template>
diff --git a/components/pages/events/index.vue b/components/pages/events/index.vue
index 1dd4abd..027603d 100644
--- a/components/pages/events/index.vue
+++ b/components/pages/events/index.vue
@@ -115,9 +115,9 @@
                 .catch(this.ignoreFailed);
             break;
           case 'municipality':
-            ignoreMunicipality({name: name}
+            ignoreMunicipality({name: name})
                 .then(this.ignoreSuccess(name))
-                .catch(this.ignoreFailed));
+                .catch(this.ignoreFailed);
             break;
           case 'state':
             ignoreState({name: name})
@@ -128,8 +128,8 @@
       },
       ignoreSuccess(name) {
         return () => {
-          this.$Message.success(`${name} har dolts`);
           this.fetchEvents();
+          this.$Message.success(`${name} har dolts`);
         }
       },
       ignoreFailed(name) {