Adjust cookie banner mobile styles

Author: infomiho

web/src/components/CookieConsentBanner.module.css

@@ -4,17 +4,25 @@
   border-radius: var(--custom-border-radius-md);
   padding: 16px;
   box-shadow: var(--custom-shadow-lw);
-  max-width: 380px;
   position: fixed;
-  right: 20px;
-  bottom: 20px;
-  left: auto;
+  left: 10px;
+  bottom: 10px;
+  right: 10px;
   width: auto;
   display: flex;
   flex-direction: column;
   align-items: stretch;
 }
 
+@media (min-width: 40rem) {
+  .container {
+    max-width: 380px;
+    right: 20px;
+    bottom: 20px;
+    left: auto;
+  }
+}
+
 .content {
   color: var(--ifm-font-color-base);
   font-size: 14px;