center dars view horizontally

src/app/dars/dars-view/dars-view.component.html

@@ -25,7 +25,7 @@
       [alerts]="alerts$ | async"
       (dismiss)="onDismissAlert($event)">
     </cse-alert-container>
-    <h2 class="mat-h1">Completed Audit Requests</h2>
+    <h2 id="dars-view-title" class="mat-h1">Completed Audit Requests</h2>
 
     <div class="dars-header-bar">
       <div>

src/app/dars/dars-view/dars-view.component.scss

@@ -17,6 +17,17 @@
   margin: 24px;
 }
 
+#dars-main {
+  margin: 24px auto;
+}
+
+#dars-view-title,
+.dars-header-bar,
+.dars-audit-group {
+  margin-left: 1rem;
+  margin-right: 1rem;
+}
+
 .audit-wrapper {
   margin: 50px auto;
 }