Merge branch 'ux-fixes' into 'master'

Ux fixes

Closes #310

See merge request arsnova/arsnova-lite!276

src/app/components/shared/comment-list/comment-list.component.scss

@@ -18,7 +18,7 @@ input {
   min-height: 60px;
   font-size: large;
   border-radius: 5px;
-  color: var(--on-secondary);
+  color: var(--on-surface);
 }
 
 .search-container {

src/app/components/shared/comment-list/comment-list.component.ts

@@ -89,6 +89,10 @@ export class CommentListComponent implements OnInit {
     }
   }
 
+  scrollToTop(): void {
+    document.documentElement.scrollTo({ top: 0, behavior: 'smooth' });
+  }
+
   searchComments(term: string): void {
     if (term && term.length > 2) {
       this.hideCommentsList = true;
@@ -211,6 +215,7 @@ export class CommentListComponent implements OnInit {
           return !c.read;
       }
     });
+    this.scrollToTop();
   }
 
   sortComments(type: string): void {
@@ -226,5 +231,6 @@ export class CommentListComponent implements OnInit {
       }
     });
     this.currentSort = type;
+    this.scrollToTop();
   }
 }

src/theme/dark-theme/darkTheme.const.ts

@@ -8,7 +8,7 @@ export const dark = {
 
   '--background': '#121212',
   '--surface': '#1e1e1e',
-  '--dialog': '#616161',
+  '--dialog': '#37474f',
 
   '--on-primary': '#000000',
   '--on-secondary': '#000000',