Merge branch 'fix_integration' into 'master'

Fix integration

See merge request applications/etuc/sib-event-component!27

css/main.css

@@ -109,7 +109,6 @@ solid-event .page-title {
 solid-event .newevent-link {
   float: right;
   justify-content: end;
-  margin-top: 30px;
   display: initial;
   margin-right: 70px;
   position: relative;
@@ -118,7 +117,13 @@ solid-event .newevent-link {
 solid-event .newtype-link {
   position: absolute;
   left: 220px;
-  top: 118px;
+  top: 79px;
+}
+solid-event .newtype-link .button {
+  font-size: 1.2rem;
+  width: max-content;
+  height: max-content;
+  color: var(--color-primary);
 }
 @media (max-width:600px) {
   solid-event .newevent-link {
@@ -172,6 +177,9 @@ solid-event solid-display {
   width: 100%;
   display: inline-block;
 }
+solid-event .listevents .headline {
+  margin: 35px 25px 25px;
+}
 solid-event .listevents>solid-display {
   display: inline-block;
   margin-top: -35px;
@@ -244,6 +252,7 @@ solid-event [href=""]::before {
 }
 solid-event event-display-link-event {
   padding: 10px 0 0 0; 
+  display: block;
 }
 solid-event event-display-link-event .mdi::before{
   color: var(--color-primary);
@@ -266,13 +275,18 @@ solid-event .eventdetail [name="name"] {
   text-transform: uppercase;
   color: var(--color-primary);
   font-weight: 700;
-  margin: 15px 0 40px;
+  margin: 35px 0 40px;
+  display: block;
+  font-family: RefrigeratorDelxW01Bold;
 }
 solid-event .eventdetail [name="info"] {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
 }
+solid-event solid-display .event-description {
+  text-align: left;
+}
 solid-event .eventdetail solid-display-img,
 solid-event .eventdetail [name="infotext"] {
   width: 50%;
@@ -293,7 +307,11 @@ solid-event .eventdetail .event-place-name a {
   text-decoration: none;
   font-size: 1.6rem
 }
-solid-event .eventdetail solid-display .nextevent-startdate {
+solid-event .eventdetail [name="time"] {
+  display: flex;
+}
+#viewport #events solid-event .eventdetail solid-display div .nextevent-startdate {
+  display: inline;
   margin-left: 0;
 }
 solid-event .eventdetail solid-event .event-type {
@@ -320,15 +338,17 @@ solid-event .eventdetail solid-link.mdi:before {
 solid-event .eventdetail solid-link {
   margin: 20px 10px;
 }
-solid-event .solid-event .eventdetail solid-delete {
+#viewport #events solid-event .solid-event .eventdetail solid-delete {
   width: 150px;
-  margin-left: 20px;
+  margin: 20px;
+  background-color: var(--form-submit-button);
 }
 solid-event .solid-event .eventdetail solid-delete button {
   color: white;
   font-size: 1.2rem;
   text-transform: uppercase;
   font-weight: 700;
+  line-height: 18px;
 }
 @media (max-width: 600px) {
   solid-event .eventdetail solid-display-img,

sib-event.js

 import { SolidTemplateElement, Helpers } from 'https://cdn.skypack.dev/@startinblox/core@0.14';
 
 // Dev Mode
-// const base_url = import.meta.url.replace(/\/[^\/]*$/, '');
+// cconst base_url = import.meta.url.replace(/\/[^\/]*$/, '');
 const base_url = "https://cdn.skypack.dev/@startinblox/component-event@1.4";
 Helpers.importCSS("https://cdn.materialdesignicons.com/3.6.95/css/materialdesignicons.min.css");
 Helpers.importCSS(`${base_url}/css/main.css?min`);