sf-i-events 1.0.83 → 1.0.85

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sf-i-events",
   "private": false,
-  "version": "1.0.83",
+  "version": "1.0.85",
   "description": "Superflows Navigation Component",
   "main": "sf-i-events.js",
   "module": "sf-i-events.js",

package/sf-i-events.js

@@ -2541,12 +2541,12 @@ let SfIEvents = class SfIEvents extends LitElement {
             var _a, _b, _c, _d, _e, _f;
             this.clearAllCalendars();
             var html = '';
-            html += '<button class="tab-button" id="calendar-tab-year" part="' + (selectedTab == this.TAB_YEAR ? 'calendar-tab-button-selected' : 'calendar-tab-button-not-selected') + '">Year</button>';
-            html += '<button class="tab-button" id="calendar-tab-month" part="' + (selectedTab == this.TAB_STREAM ? 'calendar-tab-button-selected' : 'calendar-tab-button-not-selected') + '">Month</button>';
-            html += '<button class="tab-button" id="calendar-tab-upcoming" part="' + (selectedTab == this.TAB_UPCOMING ? 'calendar-tab-button-selected' : 'calendar-tab-button-not-selected') + '">Upcoming</button>';
-            html += '<button class="tab-button" id="calendar-tab-this" part="' + (selectedTab == this.TAB_THIS ? 'calendar-tab-button-selected' : 'calendar-tab-button-not-selected') + '">Current</button>';
-            html += '<button class="tab-button" id="calendar-tab-past" part="' + (selectedTab == this.TAB_PAST ? 'calendar-tab-button-selected' : 'calendar-tab-button-not-selected') + '">Past</button>';
-            html += '<button class="tab-button" id="calendar-tab-custom" part="' + (selectedTab == this.TAB_CUSTOM ? 'calendar-tab-button-selected' : 'calendar-tab-button-not-selected') + '">Range</button>';
+            html += '<button class="tab-button mb-10" id="calendar-tab-year" part="' + (selectedTab == this.TAB_YEAR ? 'calendar-tab-button-selected' : 'calendar-tab-button-not-selected') + '">Year</button>';
+            html += '<button class="tab-button mb-10" id="calendar-tab-month" part="' + (selectedTab == this.TAB_STREAM ? 'calendar-tab-button-selected' : 'calendar-tab-button-not-selected') + '">Month</button>';
+            html += '<button class="tab-button mb-10" id="calendar-tab-upcoming" part="' + (selectedTab == this.TAB_UPCOMING ? 'calendar-tab-button-selected' : 'calendar-tab-button-not-selected') + '">Upcoming</button>';
+            html += '<button class="tab-button mb-10" id="calendar-tab-this" part="' + (selectedTab == this.TAB_THIS ? 'calendar-tab-button-selected' : 'calendar-tab-button-not-selected') + '">Current</button>';
+            html += '<button class="tab-button mb-10" id="calendar-tab-past" part="' + (selectedTab == this.TAB_PAST ? 'calendar-tab-button-selected' : 'calendar-tab-button-not-selected') + '">Past</button>';
+            html += '<button class="tab-button mb-10" id="calendar-tab-custom" part="' + (selectedTab == this.TAB_CUSTOM ? 'calendar-tab-button-selected' : 'calendar-tab-button-not-selected') + '">Range</button>';
             this._SfTabContainer.innerHTML = html;
             (_a = this._SfTabContainer.querySelector('#calendar-tab-year')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => {
                 if (this.mode == "consumer") {
@@ -3681,7 +3681,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 <div id="container-chosen-project" class="chosen-project hide d-flex justify-center align-start mt-20">
                   
                 </div>
-                <div class="chosen-project d-flex justify-center" id="tab-container">
+                <div class="chosen-project d-flex justify-center flex-wrap" id="tab-container">
 
                 </div>
               
@@ -3745,7 +3745,7 @@ let SfIEvents = class SfIEvents extends LitElement {
 
           </div>
           
-          <div class="d-flex justify-center" id="tab-container">
+          <div class="d-flex justify-center flex-wrap" id="tab-container">
 
           </div>
           <div class="d-flex justify-center">
@@ -3806,10 +3806,6 @@ SfIEvents.styles = css `
       display: flex;
       overflow: hidden;
     }
-
-    #tab-container {
-      overflow-x: auto;
-    }
     
     .switch-field input {
       position: absolute !important;
@@ -3899,6 +3895,10 @@ SfIEvents.styles = css `
       margin-bottom: 100px;
     }
 
+    .mb-10 {
+      margin-bottom: 10px;
+    }
+
     .mb-5 {
       margin-bottom: 5px;
     }