Fixed the navbar to the top.

Made the font of the inputs in vouchers bigger by 25%
Made the narration textarea minimum 5 lines
Changed the favicon to the old favicon

overlord/src/app/core/nav-bar/nav-bar.component.css

@@ -12,3 +12,13 @@
      Every toolbar row uses a flexbox row layout. */
   flex: 1 1 auto;
 }
+
+.fixed-to-top {
+  position: fixed;
+  top: 0;
+  z-index: 999;
+}
+
+.toolbar-fix {
+  height: 64px;
+}

overlord/src/app/core/nav-bar/nav-bar.component.html

@@ -1,4 +1,4 @@
-<mat-toolbar>
+<mat-toolbar class="fixed-to-top">
   <button
     type="button"
     aria-label="Toggle sidenav"
@@ -87,3 +87,4 @@
     <mat-icon>account_box</mat-icon>
     Login</a>
 </mat-toolbar>
+<div class="toolbar-fix"></div>

overlord/src/app/issue/issue.component.css

@@ -30,3 +30,7 @@
   left: 60px;
   top: 0;
 }
+
+mat-form-field.mat-form-field {
+  font-size: 1.25em;
+}

overlord/src/app/issue/issue.component.html

@@ -100,7 +100,8 @@
       </mat-table>
       <mat-form-field>
         <mat-label>Narration</mat-label>
-        <textarea matInput placeholder="Narration" formControlName="narration"></textarea>
+        <textarea matInput matTextareaAutosize matAutosizeMinRows="5" placeholder="Narration"
+                  formControlName="narration"></textarea>
       </mat-form-field>
     </form>
   </mat-card-content>

overlord/src/app/journal/journal.component.css

@@ -30,3 +30,7 @@
   left: 60px;
   top: 0;
 }
+
+mat-form-field.mat-form-field {
+  font-size: 1.25em;
+}

overlord/src/app/journal/journal.component.html

@@ -78,7 +78,8 @@
       </mat-table>
       <mat-form-field>
         <mat-label>Narration</mat-label>
-        <textarea matInput placeholder="Narration" formControlName="narration"></textarea>
+        <textarea matInput matTextareaAutosize matAutosizeMinRows="5" placeholder="Narration"
+                  formControlName="narration"></textarea>
       </mat-form-field>
       <div fxLayout="row" fxLayoutGap="0.5%" fxLayoutAlign="center">
         <div class="img-container" fxFlex="20%" *ngFor="let item of voucher.files">

overlord/src/app/payment/payment.component.css

@@ -30,3 +30,7 @@
   left: 60px;
   top: 0;
 }
+
+mat-form-field.mat-form-field {
+  font-size: 1.25em;
+}

overlord/src/app/payment/payment.component.html

@@ -80,7 +80,8 @@
       </mat-table>
       <mat-form-field>
         <mat-label>Narration</mat-label>
-        <textarea matInput placeholder="Narration" formControlName="narration"></textarea>
+        <textarea matInput matTextareaAutosize matAutosizeMinRows="5" placeholder="Narration"
+                  formControlName="narration"></textarea>
       </mat-form-field>
       <div fxLayout="row" fxLayoutGap="0.5%" fxLayoutAlign="center">
         <div class="img-container" fxFlex="20%" *ngFor="let item of voucher.files">

overlord/src/app/purchase-return/purchase-return.component.css

@@ -30,3 +30,7 @@
   left: 60px;
   top: 0;
 }
+
+mat-form-field.mat-form-field {
+  font-size: 1.25em;
+}

overlord/src/app/purchase-return/purchase-return.component.html

@@ -104,7 +104,8 @@
       </mat-table>
       <mat-form-field>
         <mat-label>Narration</mat-label>
-        <textarea matInput placeholder="Narration" formControlName="narration"></textarea>
+        <textarea matInput matTextareaAutosize matAutosizeMinRows="5" placeholder="Narration"
+                  formControlName="narration"></textarea>
       </mat-form-field>
       <div fxLayout="row" fxLayoutGap="0.5%" fxLayoutAlign="center">
         <div class="img-container" fxFlex="20%" *ngFor="let item of voucher.files">

overlord/src/app/purchase/purchase.component.css

@@ -30,3 +30,7 @@
   left: 60px;
   top: 0;
 }
+
+mat-form-field.mat-form-field {
+  font-size: 1.25em;
+}

overlord/src/app/purchase/purchase.component.html

@@ -116,7 +116,8 @@
       </mat-table>
       <mat-form-field>
         <mat-label>Narration</mat-label>
-        <textarea matInput placeholder="Narration" formControlName="narration"></textarea>
+        <textarea matInput matTextareaAutosize matAutosizeMinRows="5" placeholder="Narration"
+                  formControlName="narration"></textarea>
       </mat-form-field>
       <div fxLayout="row" fxLayoutGap="0.5%" fxLayoutAlign="center">
         <div class="img-container" fxFlex="20%" *ngFor="let item of voucher.files">

overlord/src/app/receipt/receipt.component.css

@@ -30,3 +30,7 @@
   left: 60px;
   top: 0;
 }
+
+mat-form-field.mat-form-field {
+  font-size: 1.25em;
+}

overlord/src/app/receipt/receipt.component.html

@@ -80,7 +80,8 @@
       </mat-table>
       <mat-form-field>
         <mat-label>Narration</mat-label>
-        <textarea matInput placeholder="Narration" formControlName="narration"></textarea>
+        <textarea matInput matTextareaAutosize matAutosizeMinRows="5" placeholder="Narration"
+                  formControlName="narration"></textarea>
       </mat-form-field>
       <div fxLayout="row" fxLayoutGap="0.5%" fxLayoutAlign="center">
         <div class="img-container" fxFlex="20%" *ngFor="let item of voucher.files">