add styles

frontend/src/app/app.component.html

@@ -6,7 +6,7 @@ <h1>{{ title }}</h1>
 <main>
   <div class="container">
     <div class="row">
-      <div class="offset-md-2 col-md-8 text-center">
+      <div class="offset-md-3 mt-5 col-md-6 text-center">
         <form (ngSubmit)="sendQuestion()" class="example-form mt-3">
           <mat-form-field color="primary" class="example-full-width">
             <mat-label>Question</mat-label>
@@ -55,7 +55,7 @@ <h1>{{ title }}</h1>
               <th mat-header-cell *matHeaderCellDef>Link</th>
               <td mat-cell *matCellDef="let element">
                 <a [href]="element.url" target="”_blank”">
-                  <button color="primary" mat-stroked-button>
+                  <button class="w-100" color="primary" mat-stroked-button>
                     {{ element.type === 'PDF' ? 'Download' : 'View' }}
                   </button>
                 </a>

frontend/src/app/app.component.scss

@@ -1,3 +1,8 @@
+:host ::ng-deep {
+  .mat-mdc-form-field-focus-overlay {
+    background-color: #fff
+  }
+}
 .example-form {
   min-width: 150px;
   width: 100%;
@@ -19,5 +24,5 @@ table {
 
 main {
   height: 100%;
-  background: rgba(129,199,132,1) 50%;
+  background-image: url('../assets/background-final.png');
   }