diff --git a/src/app/components/Button.js b/src/app/components/Button.js
index c011c16..2b88e66 100644
--- a/src/app/components/Button.js
+++ b/src/app/components/Button.js
@@ -3,7 +3,7 @@ import styles from "./Button.module.css";
// Renders a link when given href (internal paths use next/link), otherwise a button.
export default function Button({ children, onClick, href, variant }) {
- const className = `${styles.button} ${variant === "outline" ? styles.outline : ""}`;
+ const className = `${styles.button} ${variant ? styles[variant] : ""}`;
if (href?.startsWith("/")) {
return {children};
}
diff --git a/src/app/components/Button.module.css b/src/app/components/Button.module.css
index cda2502..523e7c8 100644
--- a/src/app/components/Button.module.css
+++ b/src/app/components/Button.module.css
@@ -24,3 +24,14 @@
color: white;
box-shadow: inset 0 0 0 2px white;
}
+
+.primary {
+ background-color: var(--color-sky-800);
+ color: white;
+}
+
+.outlineDark {
+ background-color: transparent;
+ color: var(--color-sky-800);
+ box-shadow: inset 0 0 0 2px var(--color-sky-800);
+}
diff --git a/src/app/components/ChatwootWidget.js b/src/app/components/ChatwootWidget.js
index 5404b2f..067289e 100644
--- a/src/app/components/ChatwootWidget.js
+++ b/src/app/components/ChatwootWidget.js
@@ -9,7 +9,8 @@ class ChatwootWidget extends React.Component {
hideMessageBubble: false,
position: "right", // This can be left or right
locale: "en", // Language to be set
- type: "expanded_bubble", // [standard, expanded_bubble]
+ // Small round bubble on phones so it doesn't cover the page's buttons.
+ type: window.innerWidth < 768 ? "standard" : "expanded_bubble", // [standard, expanded_bubble]
};
// Paste the script from inbox settings except the