diff --git a/assets/css/styles.css b/assets/css/styles.css
index 6b91e3a..4899275 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -97,7 +97,6 @@ body {
border-radius: 5px;
padding: 20px;
margin-top: 20px;
- min-width: 1000px;
width: 70%;
max-width: 1200px;
border: 5px solid #0e53dd;
@@ -108,6 +107,7 @@ body {
font-weight: bold;
color: #e3eaf7;
margin-bottom: 10px;
+ overflow-wrap: anywhere;
}
.box-text {
@@ -116,6 +116,7 @@ body {
width: 90%;
margin-left: auto;
margin-right: auto;
+ overflow-wrap: anywhere;
}
.divider {
@@ -164,7 +165,6 @@ body {
padding: 20px;
margin-top: 20px;
width: 100%;
- min-width: 300px;
}
.input-box .box-title {
@@ -221,4 +221,33 @@ body {
text-transform: uppercase;
margin: 10px 10px;
color: red;
+}
+
+@media (max-width: 600px) {
+ .container {
+ padding: 10px;
+ }
+
+ .user-info-box, .big-box, .input-box {
+ width: 100%;
+ border: none;
+ }
+
+ .box-title {
+ font-size: 20px;
+ }
+
+ .box-text, .reason-input {
+ width: 100%;
+ font-size: 14px;
+ }
+
+ .button-container {
+ flex-direction: column;
+ align-items: center;
+ }
+
+ .accept-button, .reject-button, .delete-button, .submit-button {
+ margin: 5px 0;
+ }
}
\ No newline at end of file
diff --git a/case.php b/case.php
index b69ceac..fc06e08 100644
--- a/case.php
+++ b/case.php
@@ -155,7 +155,7 @@ function getContrastColor($hexColor)
class="accent">Everyone-Ping: ">pingsEveryone() ? "Ja" : "Nein"; ?>
Status:
+ class="accent">Status:
>
Nutzer-Status: isBlocked() ? "blockiert " : "nicht blockiert "; ?>
isModerator()) { ?>