💄 Adds new UI elements files and visual changes

frontend/src/app/main/ui/components/radio_buttons.cljs

@@ -8,6 +8,7 @@
   (:require-macros [app.main.style :as stl])
   (:require
    [app.common.data :as d]
+   [app.common.data.macros :as dm]
    [app.main.ui.formats :as fmt]
    [app.util.dom :as dom]
    [rumext.v2 :as mf]))
@@ -138,7 +139,6 @@
                :decode-fn decode-fn})]
 
     [:& (mf/provider context) {:value context-value}
-     [:div {:class (stl/css-case :radio-btn-wrapper true
-                                 class true)
-            :style  {:width width}}
+     [:div {:class (dm/str class " " (stl/css :radio-btn-wrapper))
+            :style {:width width}}
       children]]))

frontend/src/app/main/ui/components/radio_buttons.scss

@@ -17,7 +17,7 @@
   height: $s-28;
   flex-grow: 1;
   border-radius: $s-6;
-  border: solid $s-2 transparent;
+  border: solid $s-1 transparent;
   box-sizing: content-box;
   input {
     display: none;

frontend/src/app/main/ui/components/tab_container.scss

@@ -28,6 +28,7 @@
   height: $s-32;
   border-radius: $br-8;
   background: var(--color-background-secondary);
+  padding: $s-2;
   cursor: pointer;
   font-size: $fs12;
   .tab-container-tab-wrapper {