chore: remove padding from right track titiles

Author: crfmc

src/App.tsx

@@ -343,7 +343,6 @@ function App(props: RouteComponentProps) {
 
     // Enable Bootstrap popovers for track tooltips, update for selected SV tracks
     useEffect(() => {
-        console.log('update popovers');
         const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]');
         const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl));
     }, [selectedSvId]);

src/alignment.ts

@@ -98,7 +98,7 @@ export function alignment(option: SpecOption, isLeft: boolean): GoslingSpec {
     return {
         id: `${id}-bottom-${isLeft ? 'left' : 'right'}-bam`,
         alignment: 'overlay',
-        title: '  Alignment',
+        title: isLeft ? '  Alignment' : ' Alignment',
         data: { type: 'bam', url: bam, indexUrl: bai, loadMates: false },
         mark: 'rect',
         experimental: {

src/main-spec.ts

@@ -180,7 +180,7 @@ function generateSpec(opt: SpecOption): GoslingSpec {
                                           : []),
                                       {
                                           id: `${id}-bottom-right-sequence`,
-                                          title: '  Sequence',
+                                          title: ' Sequence',
                                           alignment: 'overlay',
                                           data: {
                                               url: 'https://server.gosling-lang.org/api/v1/tileset_info/?d=sequence-multivec',

src/track/coverage.ts

@@ -5,7 +5,7 @@ export default function coverage(option: SpecOption, isLeft: boolean): Partial<S
     const { id, bam, bai, width, svReads, crossChr, bpIntervals } = option;
     return {
         id: `${id}-bottom-${isLeft ? 'left' : 'right'}-coverage`,
-        title: '  Coverage',
+        title: isLeft ? '  Coverage' : ' Coverage',
         data: {
             type: 'bam',
             url: bam,