Small Ui fixes

packages/common/styles.js

@@ -889,6 +889,17 @@ export function getRadioAndCheckboxCss() {
                 width: 10px;
                 height: 19px;
             }
+
+            .button-container input[type="checkbox"]:checked ~ .checkmark::after{
+                top: 1px;
+                left: 6px;
+                width: 5px;
+                height: 11px;
+            }
+            
+            .button-container{
+                line-height: 1em;
+            }
         }
     `;
 }

packages/file-handling/src/file-sink.js

@@ -82,15 +82,25 @@ export class FileSink extends ScopedElementsMixin(DbpFileHandlingLitElement) {
         this.updateComplete.then(() => {
             this._('nav.modal-nav').addEventListener('scroll', this.handleScroll.bind(this));
 
-            this._('.right-paddle').addEventListener(
-                'click',
-                this.handleScrollRight.bind(this, this._('nav.modal-nav'))
-            );
-
-            this._('.left-paddle').addEventListener(
-                'click',
-                this.handleScrollLeft.bind(this, this._('nav.modal-nav'))
-            );
+
+            if(this.enabledTargets.split(',') > 1) {
+                console.log(this.enabledTargets.split(','));
+                this._('.right-paddle').addEventListener(
+                    'click',
+                    this.handleScrollRight.bind(this, this._('nav.modal-nav'))
+                );
+
+                this._('.left-paddle').addEventListener(
+                    'click',
+                    this.handleScrollLeft.bind(this, this._('nav.modal-nav'))
+                );
+            } else {
+                const paddles = this._('.paddles');
+                if(paddles) {
+                    paddles.classList.add('hidden');
+                }
+            }
+
         });
     }
 

packages/file-handling/src/file-source.js

@@ -156,15 +156,24 @@ export class FileSource extends ScopedElementsMixin(DbpFileHandlingLitElement) {
 
             this._('nav.modal-nav').addEventListener('scroll', this.handleScroll.bind(this));
 
-            this._('.right-paddle').addEventListener(
-                'click',
-                this.handleScrollRight.bind(this, this._('nav.modal-nav'))
-            );
+            if(this.enabledTargets.split(',').length > 1) {
+                console.log(this.enabledTargets.split(','));
+                this._('.right-paddle').addEventListener(
+                    'click',
+                    this.handleScrollRight.bind(this, this._('nav.modal-nav'))
+                );
+
+                this._('.left-paddle').addEventListener(
+                    'click',
+                    this.handleScrollLeft.bind(this, this._('nav.modal-nav'))
+                );
+            } else {
+                const paddles = this._('.paddles');
+                if(paddles) {
+                    paddles.classList.add('hidden');
+                }
+            }
 
-            this._('.left-paddle').addEventListener(
-                'click',
-                this.handleScrollLeft.bind(this, this._('nav.modal-nav'))
-            );
         });
     }
 
@@ -678,6 +687,10 @@ export class FileSource extends ScopedElementsMixin(DbpFileHandlingLitElement) {
                 .paddles {
                     display: inherit;
                 }
+                
+                .paddles.hidden {
+                    display: none
+                }
             }
         `;
     }