fix: make buttons standard, fix bugs

src/bar.js

@@ -205,6 +205,7 @@ export default class Bar {
             );
         }
         this.progress_width = progress_width;
+        console.log(progress_width);
         return progress_width;
     }
 

src/defaults.js

@@ -50,7 +50,7 @@ const DEFAULT_VIEW_MODES = [
     },
     {
         name: 'Day',
-        padding: '14d',
+        padding: '7d',
         format_string: 'YYYY-MM-DD',
         step: '1d',
         lower_text: (d, ld, lang) =>

src/index.js

@@ -285,7 +285,7 @@ export default class Gantt {
 
         gantt_start = date_utils.start_of(gantt_start, this.config.unit);
         gantt_end = date_utils.start_of(gantt_end, this.config.unit);
-        // handle single value for padding
+
         if (!refresh) {
             if (!this.options.infinite_padding) {
                 if (typeof this.config.view_mode.padding === 'string')
@@ -308,6 +308,7 @@ export default class Gantt {
                     padding_end.duration,
                     padding_end.scale,
                 );
+                console.log(this.gantt_start, this.gantt_end);
             } else {
                 this.gantt_start = date_utils.add(
                     gantt_start,
@@ -1185,6 +1186,7 @@ export default class Gantt {
         }
 
         $.on(this.$container, 'scroll', (e) => {
+            console.log('f', e.target.scrollLeft);
             let localBars = [];
             const ids = this.bars.map(({ group }) =>
                 group.getAttribute('data-id'),

src/styles/gantt.css

@@ -129,7 +129,7 @@
         font-weight: 400;
         width: max-content;
         margin-left: auto;
-        padding-left: 5px;
+        padding-right: 5px;
         padding-top: 5px;
         background: var(--g-header-background);
     }
@@ -164,6 +164,7 @@
 
     & .side-header select {
         padding: 0;
+        padding-right: 1rem;
         width: 50%;
     }