mobile dropdown alignment

Author: webrdaniel

apify-docs-theme/src/theme/DocItemContent/styles.module.css

@@ -1,6 +1,17 @@
 .docItemContent {
     display: flex;
     align-items: center;
-    column-gap: 1.2rem;
     flex-wrap: wrap;
+    /* move the h1 margin to padding */
+    h1 {
+        margin-bottom: 0 !important;
+    }
+    padding-bottom: calc(
+        var(--ifm-h1-vertical-rhythm-bottom) * var(--ifm-leading)
+    );
+
+    @media (max-width: 767px) {
+        flex-direction: column;
+        align-items: flex-start;
+    }
 }

apify-docs-theme/src/theme/LLMButtons/styles.module.css

@@ -4,15 +4,21 @@
 }
 
 .llmMenu {
-    margin-bottom: 1.2rem;
-    margin-left: auto;
+    margin-top: 1.2rem;
+
+    @media (min-width: 768px) {
+        margin-left: auto;
+    }
 }
 
 .llmButtonWrapper {
-    /* hack to make the dropdown menu align to the right */
-    width: 23.3rem;
     display: flex;
     justify-content: flex-end;
+
+    @media (min-width: 768px) {
+        /* hack to make the dropdown menu align to the right */
+        width: 23.3rem;
+    }
 }
 
 .llmButton {