From 24abec4045d52963b22bbe35f2cb341e8c21c722 Mon Sep 17 00:00:00 2001
From: Danila Fedorin <danila.fedorin@gmail.com>
Date: Sun, 3 Dec 2023 00:01:49 -0800
Subject: [PATCH] Add some more CSS for the updates to the bergamot widget

Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com>
---
 assets/scss/bergamot.scss | 35 ++++++++++++++++++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/assets/scss/bergamot.scss b/assets/scss/bergamot.scss
index 3e939e9..acb740a 100644
--- a/assets/scss/bergamot.scss
+++ b/assets/scss/bergamot.scss
@@ -40,5 +40,38 @@
         flex-grow: 1;
         flex-basis: 0;
     }
-}
 
+    .bergamot-selector {
+        button {
+            @include var(background-color, background-color);
+            @include var(color, text-color);
+            @include bordered-block;
+            padding: 0.5rem;
+            font-family: $font-body;
+
+            &.active {
+                border-color: $primary-color;
+                font-weight: bold;
+                text-decoration: underline;
+                text-underline-offset: 0.15rem;
+            }
+
+            &:not(:first-child) {
+                border-bottom-left-radius: 0;
+                border-top-left-radius: 0;
+            }
+
+            &:not(:last-child) {
+                border-bottom-right-radius: 0;
+                border-top-right-radius: 0;
+                border-right-width: 0;
+            }
+        }
+
+        button.active + button {
+            border-left-color: $primary-color;
+        }
+
+        margin-bottom: 1rem;
+    }
+}