From 1eee652533c6b8f613ce09df9c3421f89209419a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thea=20Sch=C3=B6bl?= <wulkanat@gmail.com>
Date: Thu, 26 Jan 2023 10:03:44 +0000
Subject: [PATCH] fix: right-align add event detail chip

---
 .../event/event-detail-content.component.ts   |  3 ++-
 .../types/event/event-detail-content.html     | 27 +++++++------------
 .../types/event/event-detail-content.scss     | 20 ++++++++++++++
 3 files changed, 31 insertions(+), 19 deletions(-)
 create mode 100644 src/app/modules/data/types/event/event-detail-content.scss

diff --git a/src/app/modules/data/types/event/event-detail-content.component.ts b/src/app/modules/data/types/event/event-detail-content.component.ts
index 61e7ef6c..9b401ebb 100644
--- a/src/app/modules/data/types/event/event-detail-content.component.ts
+++ b/src/app/modules/data/types/event/event-detail-content.component.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2022 StApps
+ * Copyright (C) 2023 StApps
  * This program is free software: you can redistribute it and/or modify it
  * under the terms of the GNU General Public License as published by the Free
  * Software Foundation, version 3.
@@ -21,6 +21,7 @@ import {SCAcademicEvent, SCSportCourse, SCThing, SCThingTranslator, SCTranslatio
 @Component({
   selector: 'stapps-event-detail-content',
   templateUrl: 'event-detail-content.html',
+  styleUrls: ['event-detail-content.scss'],
 })
 export class EventDetailContentComponent {
   /**
diff --git a/src/app/modules/data/types/event/event-detail-content.html b/src/app/modules/data/types/event/event-detail-content.html
index bbe4dad1..8a6fbf5a 100644
--- a/src/app/modules/data/types/event/event-detail-content.html
+++ b/src/app/modules/data/types/event/event-detail-content.html
@@ -13,24 +13,15 @@
   ~ this program. If not, see <https://www.gnu.org/licenses/>.
   -->
 
-<ion-grid>
-  <ion-row>
-    <ion-col>
-      <stapps-simple-card
-        *ngIf="item.type === 'academic event' && item.categories"
-        [title]="'categories' | propertyNameTranslate: item | titlecase"
-        [content]="'categories' | thingTranslate: item"
-      >
-      </stapps-simple-card>
-    </ion-col>
-    <ion-col>
-      <ion-card>
-        <stapps-add-event-action-chip *ngIf="item.type === 'academic event'" [item]="item">
-        </stapps-add-event-action-chip>
-      </ion-card>
-    </ion-col>
-  </ion-row>
-</ion-grid>
+<stapps-simple-card
+  *ngIf="item.type === 'academic event' && item.categories"
+  [title]="'categories' | propertyNameTranslate: item | titlecase"
+  [content]="'categories' | thingTranslate: item"
+>
+</stapps-simple-card>
+
+<stapps-add-event-action-chip *ngIf="item.type === 'academic event'" [item]="item">
+</stapps-add-event-action-chip>
 
 <stapps-simple-card
   *ngIf="item.performers"
diff --git a/src/app/modules/data/types/event/event-detail-content.scss b/src/app/modules/data/types/event/event-detail-content.scss
new file mode 100644
index 00000000..fb0e8f07
--- /dev/null
+++ b/src/app/modules/data/types/event/event-detail-content.scss
@@ -0,0 +1,20 @@
+/*!
+ * Copyright (C) 2023 StApps
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU General Public License along with
+ * this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+stapps-add-event-action-chip {
+  position: absolute;
+  top: 0;
+  right: 0;
+}