fixes for duo

src/app/accounts/two-factor.component.html

@@ -1,6 +1,6 @@
 <form #form (ngSubmit)="submit()" [appApiAction]="formPromise" class="container">
     <div class="row justify-content-md-center mt-5">
-        <div class="col-5">
+        <div class="col-5" [ngClass]="{'col-9': selectedProviderType === providerType.Duo || selectedProviderType === providerType.OrganizationDuo}">
             <p class="lead text-center mb-4">{{title}}</p>
             <div class="card">
                 <div class="card-body">
@@ -38,7 +38,7 @@
                     </ng-container>
                     <ng-container *ngIf="selectedProviderType === providerType.Duo ||
                         selectedProviderType === providerType.OrganizationDuo">
-                        <div id="duo-frame">
+                        <div id="duo-frame" class="mb-3">
                             <iframe id="duo_iframe"></iframe>
                         </div>
                     </ng-container>

src/scss/styles.scss

@@ -289,3 +289,14 @@ app-login {
         display: block;
     }
 }
+
+#duo-frame {
+    background: url('../images/loading.svg') 0 0 no-repeat;
+    height: 330px;
+
+    iframe {
+        width: 100%;
+        height: 100%;
+        border: none;
+    }
+}

webpack.config.js

@@ -38,15 +38,14 @@ const moduleRules = [
     },
     {
         test: /\.(jpe?g|png|gif|svg)$/i,
-        exclude: /.*(fontawesome-webfont|glyphicons-halflings-regular)\.svg/,
+        exclude: /.*(fontawesome-webfont)\.svg/,
         use: [{
             loader: 'file-loader',
             options: {
                 name: '[name].[ext]',
                 outputPath: 'images/',
-                publicPath: './images/',
+            }
-            },
+        }]
-        }],
     },
     {
         test: /\.scss$/,