Adjustments of input fields for mobile devices.

Martini-Force-Field-Initiative · Aug 21, 2024 · 84e6e78 · 84e6e78
1 parent daa4de6
commit 84e6e78
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/docs/announcements/index.qmd b/docs/announcements/index.qmd
@@ -100,11 +100,16 @@ search: false
             const labelWidth = label.offsetWidth;
             const inputContainer = document.getElementById('inputContainer');
             
-            if (bannerWidth <= 800 && bannerWidth > 400) { // Adjust this value as needed
+            if (bannerWidth <= 600 && bannerWidth > 400) { // Adjust this value as needed
                 label.textContent = 'Join the community \u2192 ';
                 inputContainer.style.flexDirection = 'column';
                 inputContainer.style.alignItems = 'center';
                 inputContainer.style.gap = '15px';
+            } else if (bannerWidth > 600 && bannerWidth <= 800) { // Adjust this value as needed
+                label.textContent = 'Join the community \u2192 ';
+                inputContainer.style.flexDirection = 'row';
+                inputContainer.style.alignItems = 'center';
+                inputContainer.style.gap = '10px'; // Default gap value for row layout
             } else if (bannerWidth <= 400) {
                 label.textContent = '';
                 inputContainer.style.flexDirection = 'column';