minor on style

assets/style.less

@@ -1,7 +1,7 @@
 html, body {
   scrollbar-width: thin;
   overflow: auto !important;
-  scrollbar-color: #555 #111;
+  scrollbar-color: #FF4511 #111;
   font-family: sans-serif;
 }
 
@@ -46,4 +46,53 @@ li {
 .v-autocomplete__content.v-menu__content {
   scrollbar-width: thin;
   scrollbar-color: #FF4511 #111;
+}
+
+// EVENT
+.event {
+  display: flex;
+  position: relative;
+  flex-direction: column;
+  width: 330px;
+  max-width: 500px;
+  flex-grow: 1;
+  margin-top: .4em;
+  margin-right: .4em;
+  overflow: hidden;
+
+  .title {
+    display: block;
+    max-height: 3.3em;
+    overflow: hidden;
+    margin: 0.5rem 1rem 0.5rem 1rem;
+    // color: white;
+    border-bottom: 1px solid rgba(4,4,4,0.2);
+    font-size: 1.2em !important;
+    line-height: 1.1em;
+    font-weight: 500;
+  }
+
+  .body {
+    flex: 1 1 auto;
+  }
+
+  .img {
+    width: 100%;
+    max-height: 250px;
+    object-fit: cover;
+    object-position: top;
+  }
+
+  .place {
+    max-width: 100%;
+    span {
+      display: block;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+  a {
+    text-decoration: none;
+  }
 }