Adds smooth scrolling to settings jumps

Author: eamodio

src/ui/scss/main.scss

@@ -878,7 +878,7 @@ ul {
 
 .section-group__content {
     flex: auto 1 1;
-    margin-bottom: 50%;
+    margin-bottom: 100%;
     min-width: 0;
 }
 

src/ui/shared/app-base.ts

@@ -171,11 +171,11 @@ export abstract class App<TBootstrap extends Bootstrap> {
             height = header.clientHeight;
         }
 
-        el.scrollIntoView({
-            block: 'start',
-            behavior: 'auto'
+        const top = el.getBoundingClientRect().top - document.body.getBoundingClientRect().top - height;
+        window.scrollTo({
+            top: top,
+            behavior: 'smooth'
         });
-        window.scrollBy(0, -height);
 
         e.stopPropagation();
         e.preventDefault();