put formula's into scrollable container

package-lock.json

@@ -970,6 +970,11 @@
       "integrity": "sha512-ONhaKPIufzzrlNbqtWFFd+jlnemX6lJAgq9ZeiZtS7I1PIf/la7CW4m83rTXRnVnsMbW2k56pGYu7AUFJD9Pow==",
       "optional": true
     },
+    "@types/crypto-js": {
+      "version": "3.1.41",
+      "resolved": "https://registry.npmjs.org/@types/crypto-js/-/crypto-js-3.1.41.tgz",
+      "integrity": "sha512-rIqkxKg9x7o8wFjeOTbkfqWd5hgyHhwqude+epWlF4N0PU5UYfSo6xyC50CgB+bk44zcNYXb4W1CQbDtcI9U5w=="
+    },
     "@types/jasmine": {
       "version": "2.8.8",
       "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-2.8.8.tgz",
@@ -3168,6 +3173,11 @@
         "randomfill": "^1.0.3"
       }
     },
+    "crypto-js": {
+      "version": "3.1.9-1",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-3.1.9-1.tgz",
+      "integrity": "sha1-/aGedh/Ad+Af+/3G6f38WeiAbNg="
+    },
     "crypto-random-string": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-1.0.0.tgz",
@@ -14207,6 +14217,15 @@
       "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.3.tgz",
       "integrity": "sha512-nqHUnMXmBzT0w570r2JpJxfiSD1IzoI+HGVdd3aZ0yNi3ngvQ4jv1dtHt5VGxfI2yj5yqImPhOK4vmIh2xMbGg=="
     },
+    "webstorage-decorators": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/webstorage-decorators/-/webstorage-decorators-1.0.3.tgz",
+      "integrity": "sha512-MtxnnNV4OjT6kwJzz1mSpeEPr4nuemyWV7B1c4A6FInq4Quz0B+7GhsNN+/nT/kQw+U9pLgA8yTrQ8IKK6KptA==",
+      "requires": {
+        "@types/crypto-js": "^3.1.39",
+        "crypto-js": "^3.1.9-1"
+      }
+    },
     "whatwg-fetch": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-2.0.4.tgz",

src/app/formulaManager/formulaManager.component.html

@@ -5,7 +5,7 @@
                 <input #search matInput placeholder="Search">
                 <mat-icon matSuffix>search</mat-icon>
             </mat-form-field>
-            <mat-list>
+            <mat-list style="max-height: 250px; overflow: auto;">
                 <ng-container *ngFor="let f of formulas | async; let i = index">
                     <mat-divider *ngIf="f.name.toLowerCase().indexOf(search.value.toLowerCase()) != -1 && i > 0"></mat-divider>
                     <mat-list-item *ngIf="f.name.toLowerCase().indexOf(search.value.toLowerCase()) != -1" (click)="displayFormula(f)">{{f.name}}</mat-list-item>