minor

assets/style.less

@@ -16,7 +16,7 @@ code {
   font-size: .8rem;
   font-weight: 700;
   background: rgba(0,0,0,.1);
-  color: rgba(0,0,0,.8);
+  color: #888;
 }
     
 html, body {
@@ -146,6 +146,15 @@ html, body {
   background-color: #292929 !important;
 }
 
+.el-dialog {
+  min-height: 300px;
+  max-width: 600px;
+  width: 100%;
+  .el-dialog__body {
+    word-break: normal !important;
+  }
+}
+
 // @media only screen and (max-width: 768px) {
   // .el-card {
     // padding: 0px !important;

components/Event.vue

@@ -10,7 +10,7 @@
     .card-body
       div
         i.el-icon-date
-        span  {{event|when}}
+        span  {{event|when('home')}}
       el-button.mt-1.bg-dark.text-warning.float-right(plain size='mini' round type='text' icon='el-icon-location-outline' @click='addPlace') {{event.place.name}}
       //- date / place
       .description.mt-3(v-if='!event.image_path || !event.tags.length' v-html='description')
@@ -95,6 +95,7 @@ export default {
     overflow: hidden;
     padding: .25rem 0.5rem;
     line-height: 1.8rem;
+    min-height: 2.2rem;
   }
   .description {
     color: #999;