From a06c3676e4436b37317fd1852715bef15b674ad0 Mon Sep 17 00:00:00 2001
From: Ruben Bimberg <ruben.bimberg@mni.thm.de>
Date: Tue, 31 Aug 2021 13:42:26 +0200
Subject: [PATCH] Implement mobile detection for css class

[Ticket: #613]
---
 .../view-comment-data/view-comment-data.component.scss       | 5 ++++-
 src/assets/i18n/creator/de.json                              | 2 +-
 src/assets/i18n/creator/en.json                              | 2 +-
 src/assets/i18n/participant/de.json                          | 2 +-
 src/assets/i18n/participant/en.json                          | 2 +-
 5 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/app/components/shared/view-comment-data/view-comment-data.component.scss b/src/app/components/shared/view-comment-data/view-comment-data.component.scss
index bde2f1c60..8cdfb8375 100644
--- a/src/app/components/shared/view-comment-data/view-comment-data.component.scss
+++ b/src/app/components/shared/view-comment-data/view-comment-data.component.scss
@@ -95,7 +95,10 @@
       margin-right: 0;
 
       > * {
-        margin: 12px;
+        @media only screen and (max-device-width: 480px) and (orientation: portrait),
+        only screen and (max-device-height: 480px) and (orientation: landscape) {
+          margin: 12px;
+        }
       }
     }
 
diff --git a/src/assets/i18n/creator/de.json b/src/assets/i18n/creator/de.json
index 2a8f15709..36dce4bbf 100644
--- a/src/assets/i18n/creator/de.json
+++ b/src/assets/i18n/creator/de.json
@@ -147,7 +147,7 @@
     "export-description": "Exportieren",
     "live-announcer": "Du befindest dich jetzt auf der Fragen-Seite. Um Informationen zu Tastenkombinationen zu erhalten drücke jetzt die Enter-Taste oder rufe die Ansage zu einem späteren Zeitpunkt mit der Escape-Taste auf.",
     "live-announcer-moderation": "Du befindest dich jetzt auf der Moderations-Seite. Um Informationen zu Tastenkombinationen zu erhalten drücke jetzt die Enter-Taste oder rufe die Ansage zu einem späteren Zeitpunkt mit der Escape-Taste auf.",
-    "Markdown-hint": "Formatiere mit Markdown & KaTeX",
+    "Markdown-hint": "Formatiere Formeln in LaTeX",
     "mark-correct": "Frage bejahen",
     "mark-favorite": "Frage für einen Bonus markieren",
     "mark-bookmark": "Lesezeichen setzen",
diff --git a/src/assets/i18n/creator/en.json b/src/assets/i18n/creator/en.json
index bcdbd67ad..28ebd61dd 100644
--- a/src/assets/i18n/creator/en.json
+++ b/src/assets/i18n/creator/en.json
@@ -148,7 +148,7 @@
     "export-description": "Export",
     "live-announcer": "You are now on the questions page. To get information about key combinations press the Enter key or call the announcement later with the Escape key.",
     "live-announcer-moderation": "You are now on the moderation page. To get information about key combinations press the Enter key or call the announcement later with the Escape key.",
-    "Markdown-hint": "Format with Markdown & KaTeX",
+    "Markdown-hint": "Format formulas in LaTeX",
     "mark-correct": "Mark as correct",
     "mark-favorite": "Mark for bonus",
     "mark-bookmark": "Bookmark",
diff --git a/src/assets/i18n/participant/de.json b/src/assets/i18n/participant/de.json
index 84b38ce5d..560415a6e 100644
--- a/src/assets/i18n/participant/de.json
+++ b/src/assets/i18n/participant/de.json
@@ -125,7 +125,7 @@
     "comment": "Die Frage {{ comment }} wurde um {{ time }} Uhr gestellt und hat derzeitig {{ votes }}. {{correct}} {{wrong}} {{bonus}} {{beamer}}",
     "delete": "Deine Frage löschen",
     "enter-comment": "Gib deine Frage ein …",
-    "Markdown-hint": "Formatiere mit Markdown & KaTeX",
+    "Markdown-hint": "Formatiere Formeln in LaTeX",
     "enter-title": "Titel",
     "error-both-fields": "Bitte fülle alle Felder aus.",
     "error-comment": "Bitte gib deine Frage ein.",
diff --git a/src/assets/i18n/participant/en.json b/src/assets/i18n/participant/en.json
index 56949fa39..ae566441b 100644
--- a/src/assets/i18n/participant/en.json
+++ b/src/assets/i18n/participant/en.json
@@ -134,7 +134,7 @@
     "cancel-description": "Cancel",
     "comment": "Question {{ comment }} was asked at {{ time }} and has currently {{ votes }}. {{correct}} {{wrong}} {{bonus}} {{beamer}}",
     "enter-comment": "Enter your question …",
-    "Markdown-hint": "Format with Markdown & KaTeX",
+    "Markdown-hint": "Format formulas in LaTeX",
     "enter-title": "Title",
     "error-both-fields": "Please fill in all fields.",
     "error-comment": "Please enter a question.",
-- 
GitLab