Improve translation controls

src/main/resources/static/css/styles.css

@@ -6,6 +6,12 @@ body {
     padding: 0;
 }
 
+.admin-layout {
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+}
+
 .container {
     max-width: 960px;
     margin: 40px auto;
@@ -55,8 +61,11 @@ body {
 
 .overlay {
     position: relative;
-    height: 600px;
+    flex: 1;
+    min-height: 420px;
+    height: calc(100vh - 260px);
     background: black;
+    overflow: hidden;
 }
 
 .overlay iframe {
@@ -73,8 +82,6 @@ body {
     position: absolute;
     top: 0;
     left: 0;
-    width: 100%;
-    height: 100%;
     pointer-events: auto;
     z-index: 2;
 }
@@ -210,6 +217,18 @@ body {
     flex-wrap: wrap;
 }
 
+.checkbox-inline {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding-top: 6px;
+}
+
+.muted {
+    color: #94a3b8;
+    font-size: 0.9em;
+}
+
 .range-value {
     color: #a5b4fc;
     font-size: 12px;