Fix props in calendar feed event bar

aleksis/core/frontend/components/calendar/BaseCalendarFeedEventBar.vue

 <template>
   <div
-    class="mx-1 text-truncate"
-    :class="{ 'text-decoration-line-through': event.status === 'CANCELLED' }"
+    class="text-truncate"
+    :class="{ 'text-decoration-line-through': event.status === 'CANCELLED', 'mx-1': withPadding }"
     :style="{ height: '100%' }"
   >
     <slot name="time" v-bind="$props">
@@ -31,5 +31,22 @@ import calendarFeedEventBarMixin from "../../mixins/calendarFeedEventBar.js";
 export default {
   name: "BaseCalendarFeedEventBar",
   mixins: [calendarFeedEventBarMixin],
+    props: {
+      withPadding: {
+        required: false,
+        type: Boolean,
+        default: true,
+    },
+            icon: {
+      required: false,
+      type: String,
+      default: "",
+    },
+    withoutTime: {
+      required: false,
+      type: Boolean,
+      default: false,
+    },
+    }
 };
 </script>

aleksis/core/frontend/mixins/calendarFeedEventBar.js

@@ -15,16 +15,6 @@ const calendarFeedEventBarMixin = {
       required: true,
       type: String,
     },
-    icon: {
-      required: false,
-      type: String,
-      default: "",
-    },
-    withoutTime: {
-      required: false,
-      type: Boolean,
-      default: false,
-    },
   },
 };