Semi-stable version with old variable names

www/intern/css/displaycontrol.css

@@ -65,7 +65,8 @@ body {
 .controls-wrapper>form {
     display: flex;
     flex-direction: row;
-    gap: 10px
+    gap: 10px;
+    flex-wrap: wrap;
 }
 
 /* From Trainer Dashboard - newBtn style */
@@ -100,7 +101,7 @@ button[type="submit"]:active {
     align-items: center;
 }
 
-.change-type-form input {
+.change-type-form textarea {
     padding: 10px 15px;
     border-radius: 8px;
     border: 1px solid var(--border-subtle);
@@ -111,7 +112,7 @@ button[type="submit"]:active {
     transition: border-color 0.2s;
 }
 
-.change-type-form input:focus {
+.change-type-form textarea:focus {
     border-color: var(--main);
 }
 
@@ -131,6 +132,17 @@ button[type="submit"]:active {
     box-shadow: var(--card-shadow);
 }
 
+@media (max-width: 500px) {
+    :root {
+        --paddingSite: 20px;
+    }
+
+    .iframeWithTitle {
+        max-width: calc(100vw - 2 * var(--paddingSite));
+    }
+
+}
+
 .iframeWithTitle h1 {
     color: #fff;
     font-size: 1.2rem;