diff --git a/src/pages/widget/index.tsx b/src/pages/widget/index.tsx
index c81c8906..e435ad7f 100644
--- a/src/pages/widget/index.tsx
+++ b/src/pages/widget/index.tsx
@@ -204,8 +204,12 @@ function WidgetContent({
-
-
.widget-inheritFont
: Inherit font family from the
- website
+ .widget-module__inheritFont
: Inherit font family from
+ the website
+
+ -
+
.widget-module__singleColumnLayout
: Use single column
+ design of widget layout
diff --git a/src/widget/widget.module.css b/src/widget/widget.module.css
index 8f63a7e7..41194a81 100644
--- a/src/widget/widget.module.css
+++ b/src/widget/widget.module.css
@@ -328,3 +328,13 @@
.inheritFont * {
font-family: inherit !important;
}
+
+.singleColumnLayout .main {
+ grid-template-columns: 1fr;
+}
+.singleColumnLayout .search_container {
+ max-width: unset;
+}
+.singleColumnLayout .selector_options {
+ width: 100%;
+}
diff --git a/src/widget/widget.ts b/src/widget/widget.ts
index 449f452e..c1a024fd 100644
--- a/src/widget/widget.ts
+++ b/src/widget/widget.ts
@@ -41,6 +41,7 @@ function createSettingsConstants(urlBase: string) {
type OutputOverrideOptions = {
inheritFont?: boolean;
+ singleColumnLayout?: boolean;
};
export type WidgetOptions = {
urlBase: string;
@@ -62,6 +63,7 @@ export function createWidget({
const defaultOutputOverrideOptions: OutputOverrideOptions = {
inheritFont: false,
+ singleColumnLayout: false,
...outputOverrideOptions,
};
@@ -723,6 +725,8 @@ function createOutput(