diff --git a/web/app/admin/bridges/gitter/gitter.component.html b/web/app/admin/bridges/gitter/gitter.component.html
index 21bf206..6b045fb 100644
--- a/web/app/admin/bridges/gitter/gitter.component.html
+++ b/web/app/admin/bridges/gitter/gitter.component.html
@@ -6,8 +6,8 @@
         <div class="my-ibox-content">
             <p>
                 <a href="https://github.com/matrix-org/matrix-appservice-gitter" target="_blank">matrix-appservice-gitter</a>
-                is a Gitter bridge that supports bridging Gitter rooms to Matrix. Users on Matrix are represented as a single
-                bot user in Gitter, however Gitter users are represented as real-looking Matrix users in the room.
+                is a Gitter bridge that supports bridging Gitter rooms to Matrix. Users on Matrix are represented as a
+                single bot user in Gitter, however Gitter users are represented as real-looking Matrix users in the room.
             </p>
 
             <table class="table table-striped table-condensed table-bordered">
@@ -24,7 +24,8 @@
                 <tr *ngFor="let bridge of configurations trackById">
                     <td>
                         {{ bridge.upstreamId ? "matrix.org's bridge" : "Self-hosted bridge" }}
-                        <span class="text-muted" style="display: inline-block;" *ngIf="!bridge.upstreamId">({{ bridge.provisionUrl }})</span>
+                        <span class="text-muted" style="display: inline-block;"
+                              *ngIf="!bridge.upstreamId">({{ bridge.provisionUrl }})</span>
                     </td>
                     <td class="text-center">
                         <span class="editButton" (click)="editBridge(bridge)" *ngIf="!bridge.upstreamId">
@@ -34,10 +35,12 @@
                 </tr>
                 </tbody>
             </table>
-            <button type="button" class="btn btn-success btn-sm" (click)="addModularHostedBridge()" [disabled]="(configurations && configurations.length > 0) || isUpdating">
+            <button type="button" class="btn btn-success btn-sm" (click)="addModularHostedBridge()"
+                    [disabled]="(configurations && configurations.length > 0) || isUpdating">
                 <i class="fa fa-plus"></i> Add matrix.org's bridge
             </button>
-            <button type="button" class="btn btn-success btn-sm" (click)="addSelfHostedBridge()" [disabled]="(configurations && configurations.length > 0) || isUpdating">
+            <button type="button" class="btn btn-success btn-sm" (click)="addSelfHostedBridge()"
+                    [disabled]="(configurations && configurations.length > 0) || isUpdating">
                 <i class="fa fa-plus"></i> Add self-hosted bridge
             </button>
         </div>
diff --git a/web/app/admin/bridges/gitter/manage-selfhosted/manage-selfhosted.component.html b/web/app/admin/bridges/gitter/manage-selfhosted/manage-selfhosted.component.html
index 75ec4b6..f30ff44 100644
--- a/web/app/admin/bridges/gitter/manage-selfhosted/manage-selfhosted.component.html
+++ b/web/app/admin/bridges/gitter/manage-selfhosted/manage-selfhosted.component.html
@@ -3,7 +3,10 @@
         <h4>{{ isAdding ? "Add a new" : "Edit" }} self-hosted Gitter bridge</h4>
     </div>
     <div class="dialog-content">
-        <p>Self-hosted Gitter bridges already have provisioning enabled. Be careful not to expose the API to the public internet.</p>
+        <p>
+            Self-hosted Gitter bridges already have provisioning enabled. Be careful not to expose the API to the public
+            internet.
+        </p>
 
         <label class="label-block">
             Provisioning URL
diff --git a/web/app/admin/bridges/irc/irc.component.html b/web/app/admin/bridges/irc/irc.component.html
index 59b567f..b019b1c 100644
--- a/web/app/admin/bridges/irc/irc.component.html
+++ b/web/app/admin/bridges/irc/irc.component.html
@@ -25,7 +25,8 @@
                 <tr *ngFor="let bridge of configurations trackById">
                     <td>
                         {{ bridge.upstreamId ? "matrix.org's bridge" : "Self-hosted bridge" }}
-                        <span class="text-muted" style="display: inline-block;" *ngIf="!bridge.upstreamId">({{ bridge.provisionUrl }})</span>
+                        <span class="text-muted" style="display: inline-block;"
+                              *ngIf="!bridge.upstreamId">({{ bridge.provisionUrl }})</span>
                     </td>
                     <td *ngIf="bridge.isOnline">
                         {{ getEnabledNetworksString(bridge) }}
@@ -42,7 +43,8 @@
                 </tr>
                 </tbody>
             </table>
-            <button type="button" class="btn btn-success btn-sm" (click)="addModularHostedBridge()" *ngIf="!hasModularBridge">
+            <button type="button" class="btn btn-success btn-sm" (click)="addModularHostedBridge()"
+                    *ngIf="!hasModularBridge">
                 <i class="fa fa-plus"></i> Add matrix.org's bridge
             </button>
             <button type="button" class="btn btn-success btn-sm" (click)="addSelfHostedBridge()">
diff --git a/web/app/admin/bridges/slack/manage-selfhosted/manage-selfhosted.component.html b/web/app/admin/bridges/slack/manage-selfhosted/manage-selfhosted.component.html
index 6e33e49..8e09010 100644
--- a/web/app/admin/bridges/slack/manage-selfhosted/manage-selfhosted.component.html
+++ b/web/app/admin/bridges/slack/manage-selfhosted/manage-selfhosted.component.html
@@ -3,7 +3,10 @@
         <h4>{{ isAdding ? "Add a new" : "Edit" }} self-hosted Slack bridge</h4>
     </div>
     <div class="dialog-content">
-        <p>Self-hosted Slack bridges already have provisioning enabled. Be careful not to expose the API to the public internet.</p>
+        <p>
+            Self-hosted Slack bridges already have provisioning enabled. Be careful not to expose the API to the public
+            internet.
+        </p>
 
         <label class="label-block">
             Provisioning URL
diff --git a/web/app/admin/bridges/slack/slack.component.html b/web/app/admin/bridges/slack/slack.component.html
index a31a6c4..7eadfe9 100644
--- a/web/app/admin/bridges/slack/slack.component.html
+++ b/web/app/admin/bridges/slack/slack.component.html
@@ -5,9 +5,10 @@
     <my-ibox boxTitle="Slack Bridge Configurations">
         <div class="my-ibox-content">
             <p>
-                <a href="https://github.com/matrix-org/matrix-appservice-slack" target="_blank">matrix-appservice-slack</a>
-                is a Slack bridge that supports bridging Slack channels to Matrix. Users authorize the bridge to access their
-                Slack workspaces and from there they can pick the channels they'd like to bridge.
+                <a href="https://github.com/matrix-org/matrix-appservice-slack"
+                   target="_blank">matrix-appservice-slack</a>
+                is a Slack bridge that supports bridging Slack channels to Matrix. Users authorize the bridge to access
+                their Slack workspaces and from there they can pick the channels they'd like to bridge.
             </p>
 
             <table class="table table-striped table-condensed table-bordered">
@@ -24,7 +25,8 @@
                 <tr *ngFor="let bridge of configurations trackById">
                     <td>
                         {{ bridge.upstreamId ? "matrix.org's bridge" : "Self-hosted bridge" }}
-                        <span class="text-muted" style="display: inline-block;" *ngIf="!bridge.upstreamId">({{ bridge.provisionUrl }})</span>
+                        <span class="text-muted" style="display: inline-block;"
+                              *ngIf="!bridge.upstreamId">({{ bridge.provisionUrl }})</span>
                     </td>
                     <td class="text-center">
                         <span class="editButton" (click)="editBridge(bridge)" *ngIf="!bridge.upstreamId">
@@ -34,10 +36,12 @@
                 </tr>
                 </tbody>
             </table>
-            <button type="button" class="btn btn-success btn-sm" (click)="addModularHostedBridge()" [disabled]="(configurations && configurations.length > 0) || isUpdating">
+            <button type="button" class="btn btn-success btn-sm" (click)="addModularHostedBridge()"
+                    [disabled]="(configurations && configurations.length > 0) || isUpdating">
                 <i class="fa fa-plus"></i> Add matrix.org's bridge
             </button>
-            <button type="button" class="btn btn-success btn-sm" (click)="addSelfHostedBridge()" [disabled]="(configurations && configurations.length > 0) || isUpdating">
+            <button type="button" class="btn btn-success btn-sm" (click)="addSelfHostedBridge()"
+                    [disabled]="(configurations && configurations.length > 0) || isUpdating">
                 <i class="fa fa-plus"></i> Add self-hosted bridge
             </button>
         </div>
diff --git a/web/app/admin/bridges/telegram/telegram.component.html b/web/app/admin/bridges/telegram/telegram.component.html
index 401dc79..27d818e 100644
--- a/web/app/admin/bridges/telegram/telegram.component.html
+++ b/web/app/admin/bridges/telegram/telegram.component.html
@@ -27,7 +27,8 @@
                 <tr *ngFor="let bridge of configurations trackById">
                     <td>
                         {{ bridge.upstreamId ? "matrix.org's bridge" : "Self-hosted bridge" }}
-                        <span class="text-muted" style="display: inline-block;" *ngIf="!bridge.upstreamId">({{ bridge.provisionUrl }})</span>
+                        <span class="text-muted" style="display: inline-block;"
+                              *ngIf="!bridge.upstreamId">({{ bridge.provisionUrl }})</span>
                     </td>
                     <td>
                         {{ getEnabledFeaturesString(bridge) }}
@@ -40,7 +41,8 @@
                 </tr>
                 </tbody>
             </table>
-            <button type="button" class="btn btn-success btn-sm" (click)="addSelfHostedBridge()" [disabled]="configurations && configurations.length > 0">
+            <button type="button" class="btn btn-success btn-sm" (click)="addSelfHostedBridge()"
+                    [disabled]="configurations && configurations.length > 0">
                 <i class="fa fa-plus"></i> Add self-hosted bridge
             </button>
         </div>
diff --git a/web/app/admin/bridges/webhooks/webhooks.component.html b/web/app/admin/bridges/webhooks/webhooks.component.html
index 765e410..78e620f 100644
--- a/web/app/admin/bridges/webhooks/webhooks.component.html
+++ b/web/app/admin/bridges/webhooks/webhooks.component.html
@@ -23,7 +23,8 @@
                 <tr *ngFor="let bridge of configurations trackById">
                     <td>
                         {{ bridge.upstreamId ? "matrix.org's bridge" : "Self-hosted bridge" }}
-                        <span class="text-muted" style="display: inline-block;" *ngIf="!bridge.upstreamId">({{ bridge.provisionUrl }})</span>
+                        <span class="text-muted" style="display: inline-block;"
+                              *ngIf="!bridge.upstreamId">({{ bridge.provisionUrl }})</span>
                     </td>
                     <td class="text-center">
                         <span class="editButton" (click)="editBridge(bridge)">
@@ -33,7 +34,8 @@
                 </tr>
                 </tbody>
             </table>
-            <button type="button" class="btn btn-success btn-sm" (click)="addSelfHostedBridge()" [disabled]="configurations && configurations.length > 0">
+            <button type="button" class="btn btn-success btn-sm" (click)="addSelfHostedBridge()"
+                    [disabled]="configurations && configurations.length > 0">
                 <i class="fa fa-plus"></i> Add self-hosted bridge
             </button>
         </div>
diff --git a/web/app/admin/home/home.component.html b/web/app/admin/home/home.component.html
index 95d51b1..bbce040 100644
--- a/web/app/admin/home/home.component.html
+++ b/web/app/admin/home/home.component.html
@@ -4,7 +4,10 @@
 <div *ngIf="!isLoading">
     <my-ibox boxTitle="Configuration">
         <div class="my-ibox-content">
-            <p>Parts of your configuration are displayed below. To change these values, edit your configuration and restart Dimension.</p>
+            <p>
+                Parts of your configuration are displayed below. To change these values, edit your configuration and
+                restart Dimension.
+            </p>
 
             <div class="row">
                 <div class="col-md-4">
@@ -20,19 +23,19 @@
                     </ul>
                 </div>
                 <div class="col-md-4">
-                    <strong>Homeserver</strong><br />
-                    Name: {{ config.homeserver.name }}<br />
-                    Federation URL: {{ config.homeserver.federationUrl }}<br />
-                    Federation Hostname: {{ config.homeserver.federationHostname }}<br />
-                    Client/Server URL: {{ config.homeserver.clientServerUrl }}<br />
+                    <strong>Homeserver</strong><br/>
+                    Name: {{ config.homeserver.name }}<br/>
+                    Federation URL: {{ config.homeserver.federationUrl }}<br/>
+                    Federation Hostname: {{ config.homeserver.federationHostname }}<br/>
+                    Client/Server URL: {{ config.homeserver.clientServerUrl }}<br/>
                     Utility User ID: {{ config.homeserver.userId }}
                 </div>
             </div>
 
             <div class="row">
                 <div class="col-md-4">
-                    <strong>Sessions</strong><br />
-                    Tokens registered: {{ config.sessionInfo.numTokens }}<br />
+                    <strong>Sessions</strong><br/>
+                    Tokens registered: {{ config.sessionInfo.numTokens }}<br/>
                     <button class="btn btn-danger btn-sm" type="button" (click)="logoutAll()">
                         Logout Everyone
                     </button>
diff --git a/web/app/admin/home/logout-confirmation/logout-confirmation.component.html b/web/app/admin/home/logout-confirmation/logout-confirmation.component.html
index c11da9f..024b0c8 100644
--- a/web/app/admin/home/logout-confirmation/logout-confirmation.component.html
+++ b/web/app/admin/home/logout-confirmation/logout-confirmation.component.html
@@ -5,8 +5,8 @@
     <div class="dialog-content">
         <p>
             Logging everyone out will disable all known login tokens for Dimension and upstream integration managers.
-            Most clients will automatically re-register for a login token behind the scenes, similar to how a login token
-            was first acquired.
+            Most clients will automatically re-register for a login token behind the scenes, similar to how a login
+            token was first acquired.
         </p>
     </div>
     <div class="dialog-footer">
diff --git a/web/app/admin/home/logout-confirmation/logout-confirmation.component.ts b/web/app/admin/home/logout-confirmation/logout-confirmation.component.ts
index ce71df1..471ad27 100644
--- a/web/app/admin/home/logout-confirmation/logout-confirmation.component.ts
+++ b/web/app/admin/home/logout-confirmation/logout-confirmation.component.ts
@@ -11,5 +11,6 @@ export class LogoutConfirmationDialogContext extends BSModalContext {
 })
 export class AdminLogoutConfirmationDialogComponent implements ModalComponent<LogoutConfirmationDialogContext> {
 
-    constructor(public dialog: DialogRef<LogoutConfirmationDialogContext>) {}
+    constructor(public dialog: DialogRef<LogoutConfirmationDialogContext>) {
+    }
 }
diff --git a/web/app/admin/neb/add-selfhosted/add-selfhosted.component.html b/web/app/admin/neb/add-selfhosted/add-selfhosted.component.html
index b39a3f4..455b21e 100644
--- a/web/app/admin/neb/add-selfhosted/add-selfhosted.component.html
+++ b/web/app/admin/neb/add-selfhosted/add-selfhosted.component.html
@@ -1,6 +1,9 @@
 <my-ibox boxTitle="New self-hosted go-neb">
     <div class="my-ibox-content">
-        <p>Self-hosted go-neb instances are powered by application services installed on your homeserver. The application service is responsible for creating the bots dynamically.</p>
+        <p>
+            Self-hosted go-neb instances are powered by application services installed on your homeserver. The
+            application service is responsible for creating the bots dynamically.
+        </p>
 
         <label class="label-block">
             User Prefix
diff --git a/web/app/admin/neb/config/giphy/giphy.component.html b/web/app/admin/neb/config/giphy/giphy.component.html
index 828ca1f..eec64e8 100644
--- a/web/app/admin/neb/config/giphy/giphy.component.html
+++ b/web/app/admin/neb/config/giphy/giphy.component.html
@@ -17,7 +17,7 @@
             Image Size
             <span class="text-muted ">GIFs can be large, and sometimes it is more desirable to have them downsized.</span>
             <label class="checkbox">
-                <input type="checkbox" [(ngModel)]="config.use_downsized" [disabled]="isUpdating" />
+                <input type="checkbox" [(ngModel)]="config.use_downsized" [disabled]="isUpdating"/>
                 Use downsized images
             </label>
         </label>
diff --git a/web/app/admin/neb/neb.component.html b/web/app/admin/neb/neb.component.html
index 726e88c..638af76 100644
--- a/web/app/admin/neb/neb.component.html
+++ b/web/app/admin/neb/neb.component.html
@@ -24,7 +24,8 @@
                 <tr *ngFor="let neb of configurations trackById">
                     <td>
                         {{ neb.upstreamId ? "matrix.org's go-neb" : "Self-hosted go-neb" }}
-                        <span class="text-muted" style="display: inline-block;" *ngIf="!neb.upstreamId">({{ neb.adminUrl }})</span>
+                        <span class="text-muted" style="display: inline-block;"
+                              *ngIf="!neb.upstreamId">({{ neb.adminUrl }})</span>
                     </td>
                     <td>
                         {{ getEnabledBotsString(neb) }}
diff --git a/web/app/admin/sticker-packs/sticker-packs.component.html b/web/app/admin/sticker-packs/sticker-packs.component.html
index c50729a..f6c9ca7 100644
--- a/web/app/admin/sticker-packs/sticker-packs.component.html
+++ b/web/app/admin/sticker-packs/sticker-packs.component.html
@@ -11,8 +11,9 @@
             </p>
 
             <div class="input-group input-group-sm telegram-import">
-                <input type="text" class="form-control" [(ngModel)]="tgUrl" placeholder="https://t.me/addstickers/YourPackID"
-                       [disabled]="isImporting" />
+                <input type="text" class="form-control" [(ngModel)]="tgUrl"
+                       placeholder="https://t.me/addstickers/YourPackID"
+                       [disabled]="isImporting"/>
                 <span class="input-group-btn">
                     <button class="btn btn-primary" (click)="startTelegramImport()" [disabled]="!tgUrl || isImporting">
                         <i class="fa fa-download"></i>
diff --git a/web/app/admin/terms/new-edit/new-edit.component.html b/web/app/admin/terms/new-edit/new-edit.component.html
index 3f50018..6d3f723 100644
--- a/web/app/admin/terms/new-edit/new-edit.component.html
+++ b/web/app/admin/terms/new-edit/new-edit.component.html
@@ -10,7 +10,8 @@
             <label class="label-block">
                 Name
                 <span class="text-muted ">The translated name of your policy</span>
-                <input type="text" class="form-control" placeholder="My Policy" [(ngModel)]="languages[code].name" [disabled]="isUpdating"/>
+                <input type="text" class="form-control" placeholder="My Policy" [(ngModel)]="languages[code].name"
+                       [disabled]="isUpdating"/>
             </label>
             <label class="label-block">
                 Policy text
@@ -19,16 +20,16 @@
             <ckeditor [editor]="Editor" [(ngModel)]="languages[code].text" [disabled]="isUpdating"></ckeditor>
         </div>
     </my-ibox>
-<!--    <my-ibox [hasTitle]="false">-->
-<!--        <div class="my-ibox-content buttons">-->
-<!--            <select [(ngModel)]="chosenLanguage" [disabled]="isUpdating" class="form-control form-control-sm">-->
-<!--                <option *ngFor="let lang of availableLanguages" [ngValue]="lang.code">{{lang.name}}</option>-->
-<!--            </select>-->
-<!--            <button type="button" (click)="addLanguage()" title="save" class="btn btn-outline-success btn-sm">-->
-<!--                <i class="fa fa-plus"></i> Add language-->
-<!--            </button>-->
-<!--        </div>-->
-<!--    </my-ibox>-->
+    <!--    <my-ibox [hasTitle]="false">-->
+    <!--        <div class="my-ibox-content buttons">-->
+    <!--            <select [(ngModel)]="chosenLanguage" [disabled]="isUpdating" class="form-control form-control-sm">-->
+    <!--                <option *ngFor="let lang of availableLanguages" [ngValue]="lang.code">{{lang.name}}</option>-->
+    <!--            </select>-->
+    <!--            <button type="button" (click)="addLanguage()" title="save" class="btn btn-outline-success btn-sm">-->
+    <!--                <i class="fa fa-plus"></i> Add language-->
+    <!--            </button>-->
+    <!--        </div>-->
+    <!--    </my-ibox>-->
     <my-ibox [hasTitle]="false">
         <div class="my-ibox-content buttons">
             <button type="button" (click)="create()" title="save" class="btn btn-primary btn-sm" *ngIf="!isEditing">
diff --git a/web/app/admin/terms/terms.component.html b/web/app/admin/terms/terms.component.html
index 33c08f1..dcc94fb 100644
--- a/web/app/admin/terms/terms.component.html
+++ b/web/app/admin/terms/terms.component.html
@@ -28,7 +28,8 @@
                     <td>{{ policy.version }}</td>
 
                     <td class="text-center">
-                        <span class="editButton" [routerLink]="['edit', policy.shortcode]" title="edit draft" *ngIf="policy.version == 'draft'">
+                        <span class="editButton" [routerLink]="['edit', policy.shortcode]" title="edit draft"
+                              *ngIf="policy.version == 'draft'">
                             <i class="fa fa-pencil-alt"></i>
                         </span>
                     </td>
diff --git a/web/app/admin/widgets/widgets.component.html b/web/app/admin/widgets/widgets.component.html
index 9c823ac..9dc0d74 100644
--- a/web/app/admin/widgets/widgets.component.html
+++ b/web/app/admin/widgets/widgets.component.html
@@ -20,7 +20,8 @@
                     <td>{{ widget.displayName }}</td>
                     <td>{{ widget.description }}</td>
                     <td class="text-right">
-                        <span class="editButton" (click)="editWidget(widget)" *ngIf="widget.isEnabled && hasConfiguration(widget)">
+                        <span class="editButton" (click)="editWidget(widget)"
+                              *ngIf="widget.isEnabled && hasConfiguration(widget)">
                             <i class="fa fa-pencil-alt"></i>
                         </span>
                         <ui-switch [checked]="widget.isEnabled" size="small" [disabled]="isUpdating"
diff --git a/web/app/configs/bridge/gitter/gitter.bridge.component.html b/web/app/configs/bridge/gitter/gitter.bridge.component.html
index f6f4bcf..fc2d562 100644
--- a/web/app/configs/bridge/gitter/gitter.bridge.component.html
+++ b/web/app/configs/bridge/gitter/gitter.bridge.component.html
@@ -15,7 +15,7 @@
                     <label class="label-block">
                         Gitter Room
                         <input title="room name" type="text" class="form-control form-control-sm col-md-3"
-                               [(ngModel)]="gitterRoomName" [disabled]="isBusy" placeholder="my-org/room" />
+                               [(ngModel)]="gitterRoomName" [disabled]="isBusy" placeholder="my-org/room"/>
                     </label>
                     <button type="button" class="btn btn-sm btn-primary" [disabled]="isBusy" (click)="bridgeRoom()">
                         Bridge
diff --git a/web/app/configs/bridge/irc/irc.bridge.component.html b/web/app/configs/bridge/irc/irc.bridge.component.html
index 9063f54..f518b15 100644
--- a/web/app/configs/bridge/irc/irc.bridge.component.html
+++ b/web/app/configs/bridge/irc/irc.bridge.component.html
@@ -25,10 +25,12 @@
                     </label>
                     <div class="input-group input-group-sm">
                         <div class="input-group-addon">#</div>
-                        <input title="channel" type="text" class="form-control form-control-sm" [(ngModel)]="channel" [disabled]="loadingOps">
+                        <input title="channel" type="text" class="form-control form-control-sm" [(ngModel)]="channel"
+                               [disabled]="loadingOps">
                     </div>
                     <div style="margin-top: 25px">
-                        <button type="button" class="btn btn-sm btn-primary" [disabled]="loadingOps" (click)="loadOps()">
+                        <button type="button" class="btn btn-sm btn-primary" [disabled]="loadingOps"
+                                (click)="loadOps()">
                             Next
                         </button>
                     </div>
@@ -43,7 +45,8 @@
                         </select>
                     </label>
                     <div style="margin-top: 25px">
-                        <button type="button" class="btn btn-sm btn-primary" [disabled]="requestingBridge" (click)="requestBridge()">
+                        <button type="button" class="btn btn-sm btn-primary" [disabled]="requestingBridge"
+                                (click)="requestBridge()">
                             Request Bridge
                         </button>
                     </div>
diff --git a/web/app/configs/bridge/slack/slack.bridge.component.html b/web/app/configs/bridge/slack/slack.bridge.component.html
index 31d248a..fbefc54 100644
--- a/web/app/configs/bridge/slack/slack.bridge.component.html
+++ b/web/app/configs/bridge/slack/slack.bridge.component.html
@@ -11,7 +11,7 @@
                 <div *ngIf="isBridged && bridge.config.link.isWebhook">
                     This room is bridged to Slack using webhooks. Webhook bridging is legacy and doesn't support as
                     rich bridging as the new approach. It is recommended to re-create the bridge with the new process.
-                    <br />
+                    <br/>
                     <button type="button" class="btn btn-sm btn-danger" [disabled]="isBusy" (click)="unbridgeRoom()">
                         Unbridge
                     </button>
@@ -28,7 +28,7 @@
                         and channels. Please click the button below to do so.
                     </p>
                     <a [href]="authUrl" rel="noopener" target="_blank">
-                        <img src="/img/slack_auth_button.png" class="slack-auth-button" alt="sign in with slack" />
+                        <img src="/img/slack_auth_button.png" class="slack-auth-button" alt="sign in with slack"/>
                     </a>
                 </div>
                 <div *ngIf="!isBridged && !needsAuth">
diff --git a/web/app/configs/bridge/telegram/ask-unbridge/ask-unbridge.component.html b/web/app/configs/bridge/telegram/ask-unbridge/ask-unbridge.component.html
index 3336e5e..886dc98 100644
--- a/web/app/configs/bridge/telegram/ask-unbridge/ask-unbridge.component.html
+++ b/web/app/configs/bridge/telegram/ask-unbridge/ask-unbridge.component.html
@@ -7,7 +7,8 @@
         the other room and instead bridge it here?
     </div>
     <div class="dialog-footer">
-        <button type="button" (click)="unbridgeAndContinue()" title="unbridge and continue" class="btn btn-danger btn-sm">
+        <button type="button" (click)="unbridgeAndContinue()" title="unbridge and continue"
+                class="btn btn-danger btn-sm">
             Unbridge and continue
         </button>
         <button type="button" (click)="cancel()" title="cancel" class="btn btn-primary btn-sm">
diff --git a/web/app/configs/bridge/telegram/telegram.bridge.component.html b/web/app/configs/bridge/telegram/telegram.bridge.component.html
index b7a6407..6036939 100644
--- a/web/app/configs/bridge/telegram/telegram.bridge.component.html
+++ b/web/app/configs/bridge/telegram/telegram.bridge.component.html
@@ -8,7 +8,8 @@
                 <div *ngIf="isBridged">
                     This room is bridged to "{{ chatName }}" (<code>{{ chatId }}</code>) on Telegram.
                     <div *ngIf="canUnbridge">
-                        <button type="button" class="btn btn-sm btn-danger" [disabled]="isUpdating" (click)="unbridgeRoom()">
+                        <button type="button" class="btn btn-sm btn-danger" [disabled]="isUpdating"
+                                (click)="unbridgeRoom()">
                             Unbridge
                         </button>
                     </div>
@@ -20,7 +21,8 @@
                     <label class="label-block">
                         Chat ID
                         <span class="text-muted">After inviting <a href="https://t.me/{{ botUsername }}" target="_blank">@{{ botUsername }}</a> to your Telegram chat, run the command <code>/id</code> in the Telegram room to get the chat ID.</span>
-                        <input title="chat ID" type="text" class="form-control form-control-sm col-md-3" [(ngModel)]="chatId" [disabled]="isUpdating" />
+                        <input title="chat ID" type="text" class="form-control form-control-sm col-md-3"
+                               [(ngModel)]="chatId" [disabled]="isUpdating"/>
                     </label>
                     <button type="button" class="btn btn-sm btn-primary" [disabled]="isUpdating" (click)="bridgeRoom()">
                         Bridge
diff --git a/web/app/configs/bridge/webhooks/webhooks.bridge.component.html b/web/app/configs/bridge/webhooks/webhooks.bridge.component.html
index 28f40d7..a8ce37f 100644
--- a/web/app/configs/bridge/webhooks/webhooks.bridge.component.html
+++ b/web/app/configs/bridge/webhooks/webhooks.bridge.component.html
@@ -7,7 +7,8 @@
             <div class="my-ibox-content">
                 <label class="label-block">
                     Webhook Name
-                    <input title="webhook name" type="text" class="form-control form-control-sm" [(ngModel)]="webhookName" [disabled]="isBusy">
+                    <input title="webhook name" type="text" class="form-control form-control-sm"
+                           [(ngModel)]="webhookName" [disabled]="isBusy">
                 </label>
                 <div style="margin-top: 25px">
                     <button type="button" class="btn btn-sm btn-primary" [disabled]="isBusy" (click)="newHook()">
diff --git a/web/app/configs/complex-bot/rss/rss.complex-bot.component.html b/web/app/configs/complex-bot/rss/rss.complex-bot.component.html
index e588d65..aae40ee 100644
--- a/web/app/configs/complex-bot/rss/rss.complex-bot.component.html
+++ b/web/app/configs/complex-bot/rss/rss.complex-bot.component.html
@@ -19,11 +19,11 @@
                             <td>{{ feed.url }}</td>
                             <td>{{ feed.addedByUserId }}</td>
                             <td class="actions-col">
-                               <button type="button" class="btn btn-sm btn-outline-danger"
-                                       [disabled]="isUpdating || !feed.isSelf"
-                                       (click)="removeFeed(feed)">
-                                   <i class="far fa-trash-alt"></i> Remove
-                               </button>
+                                <button type="button" class="btn btn-sm btn-outline-danger"
+                                        [disabled]="isUpdating || !feed.isSelf"
+                                        (click)="removeFeed(feed)">
+                                    <i class="far fa-trash-alt"></i> Remove
+                                </button>
                             </td>
                         </tr>
                         <tr>
@@ -33,7 +33,7 @@
                                            [(ngModel)]="newFeedUrl"
                                            placeholder="https://example.org/feed.atom"
                                            name="newFeedUrl"
-                                           title="New feed URL" />
+                                           title="New feed URL"/>
                                     <span class="input-group-btn">
                                         <button type="button" class="btn btn-outline-success"
                                                 [disabled]="isUpdating"
diff --git a/web/app/configs/complex-bot/travisci/travisci.complex-bot.component.html b/web/app/configs/complex-bot/travisci/travisci.complex-bot.component.html
index 9b75dc5..9dab556 100644
--- a/web/app/configs/complex-bot/travisci/travisci.complex-bot.component.html
+++ b/web/app/configs/complex-bot/travisci/travisci.complex-bot.component.html
@@ -5,7 +5,9 @@
                 .travis.yml configuration and template information
             </h5>
             <div class="my-ibox-content">
-                <p>The following section needs to be added to your <code>.travis.yml</code> file in your repositories:</p>
+                <p>
+                    The following section needs to be added to your <code>.travis.yml</code> file in your repositories:
+                </p>
                 <pre>{{ travisYaml }}</pre>
 
                 <p>
@@ -50,15 +52,17 @@
                         <tr *ngFor="let repo of getRepos()">
                             <td>{{ repo.repoKey }}</td>
                             <td>
-                                <textarea title="Repository Template" class="repo-template form-control" rows="3" (change)="repo.template = $event.target.value" [disabled]="isUpdating || !repo.isSelf">{{ repo.template }}</textarea>
+                                <textarea title="Repository Template" class="repo-template form-control" rows="3"
+                                          (change)="repo.template = $event.target.value"
+                                          [disabled]="isUpdating || !repo.isSelf">{{ repo.template }}</textarea>
                             </td>
                             <td>{{ repo.addedByUserId }}</td>
                             <td class="actions-col">
-                               <button type="button" class="btn btn-sm btn-outline-danger"
-                                       [disabled]="isUpdating || !repo.isSelf"
-                                       (click)="removeRepo(repo)">
-                                   <i class="far fa-trash-alt"></i> Remove
-                               </button>
+                                <button type="button" class="btn btn-sm btn-outline-danger"
+                                        [disabled]="isUpdating || !repo.isSelf"
+                                        (click)="removeRepo(repo)">
+                                    <i class="far fa-trash-alt"></i> Remove
+                                </button>
                             </td>
                         </tr>
                         <tr>
@@ -68,7 +72,7 @@
                                            [(ngModel)]="newRepoKey"
                                            placeholder="matrix-org/synapse"
                                            name="newRepoKey"
-                                           title="New repository name" />
+                                           title="New repository name"/>
                                     <span class="input-group-btn">
                                         <button type="button" class="btn btn-outline-success"
                                                 [disabled]="isUpdating"
diff --git a/web/app/configs/complex-bot/travisci/travisci.complex-bot.component.ts b/web/app/configs/complex-bot/travisci/travisci.complex-bot.component.ts
index e655a12..e7d38d6 100644
--- a/web/app/configs/complex-bot/travisci/travisci.complex-bot.component.ts
+++ b/web/app/configs/complex-bot/travisci/travisci.complex-bot.component.ts
@@ -57,9 +57,9 @@ export class TravisCiComplexBotConfigComponent extends ComplexBotComponent<Travi
         this.newConfig.repos[this.newRepoKey] = {
             addedByUserId: SessionStorage.userId,
             template: "" +
-            "%{repository_slug}#%{build_number} (%{branch} - %{commit} : %{author}): %{message}\n" +
-            "    Change view : %{compare_url}\n" +
-            "    Build details : %{build_url}\n"
+                "%{repository_slug}#%{build_number} (%{branch} - %{commit} : %{author}): %{message}\n" +
+                "    Change view : %{compare_url}\n" +
+                "    Build details : %{build_url}\n"
         };
         this.newRepoKey = "";
     }
diff --git a/web/app/configs/stickerpicker/stickerpicker.component.html b/web/app/configs/stickerpicker/stickerpicker.component.html
index 026036f..6755411 100644
--- a/web/app/configs/stickerpicker/stickerpicker.component.html
+++ b/web/app/configs/stickerpicker/stickerpicker.component.html
@@ -36,7 +36,8 @@
                     <span class="name">{{ pack.displayName }}</span>
                     <span class="description">{{ pack.description }}</span>
 
-                    <span class="author" *ngIf="pack.author.type !== 'none'">Created by <a [href]="pack.author.reference">{{ pack.author.name }}</a> under </span>
+                    <span class="author" *ngIf="pack.author.type !== 'none'">Created by <a
+                            [href]="pack.author.reference">{{ pack.author.name }}</a> under </span>
                     <span class="license"><a [href]="pack.license.urlPath">{{ pack.license.name }}</a></span>
                 </div>
             </div>
diff --git a/web/app/configs/widget/config-screen/config-screen.widget.component.html b/web/app/configs/widget/config-screen/config-screen.widget.component.html
index 7439c7a..786f454 100644
--- a/web/app/configs/widget/config-screen/config-screen.widget.component.html
+++ b/web/app/configs/widget/config-screen/config-screen.widget.component.html
@@ -8,7 +8,8 @@
         </h5>
         <div class="my-ibox-content">
             <form (submit)="widgetComponent.addWidget()" novalidate name="addForm">
-                <ng-container *ngTemplateOutlet="widgetParamsTemplate;context:{widget:widgetComponent.newWidget}"></ng-container>
+                <ng-container
+                        *ngTemplateOutlet="widgetParamsTemplate;context:{widget:widgetComponent.newWidget}"></ng-container>
 
                 <div style="margin-top: 25px">
                     <button type="submit" class="btn btn-sm btn-success" [disabled]="widgetComponent.isUpdating">
@@ -19,7 +20,8 @@
         </div>
     </my-ibox>
 
-    <my-ibox *ngFor="let widget of widgetComponent.widgets trackById" [isCollapsible]="true" [defaultCollapsed]="widget.id !== widgetComponent.defaultExpandedWidgetId">
+    <my-ibox *ngFor="let widget of widgetComponent.widgets trackById" [isCollapsible]="true"
+             [defaultCollapsed]="widget.id !== widgetComponent.defaultExpandedWidgetId">
         <h5 class="my-ibox-title">
             <i class="fa fa-pencil-alt"></i> {{ widget.name || widget.url || widgetComponent.defaultName }}
             <span *ngIf="widget.data.title">- {{ widget.data.title }}</span>
@@ -32,7 +34,8 @@
                     <button type="submit" class="btn btn-sm btn-primary" [disabled]="widgetComponent.isUpdating">
                         <i class="far fa-save"></i> Save Widget
                     </button>
-                    <button type="button" class="btn btn-sm btn-outline-danger" [disabled]="widgetComponent.isUpdating" (click)="widgetComponent.removeWidget(widget)">
+                    <button type="button" class="btn btn-sm btn-outline-danger" [disabled]="widgetComponent.isUpdating"
+                            (click)="widgetComponent.removeWidget(widget)">
                         <i class="far fa-trash-alt"></i> Remove Widget
                     </button>
                 </div>
diff --git a/web/app/configs/widget/google-calendar/gcal.widget.component.ts b/web/app/configs/widget/google-calendar/gcal.widget.component.ts
index 8a28e17..8c2df3f 100644
--- a/web/app/configs/widget/google-calendar/gcal.widget.component.ts
+++ b/web/app/configs/widget/google-calendar/gcal.widget.component.ts
@@ -11,7 +11,7 @@ export class GoogleCalendarWidgetConfigComponent extends WidgetComponent {
         super(WIDGET_GOOGLE_CALENDAR, "Google Calendar", DISABLE_AUTOMATIC_WRAPPING, "googleCalendar");
     }
 
-    protected  OnNewWidgetPrepared(widget: EditableWidget) {
+    protected OnNewWidgetPrepared(widget: EditableWidget) {
         widget.dimension.newData.shareId = "";
     }
 
diff --git a/web/app/configs/widget/tradingview/tradingview.widget.component.html b/web/app/configs/widget/tradingview/tradingview.widget.component.html
index c72e682..4a01ab6 100644
--- a/web/app/configs/widget/tradingview/tradingview.widget.component.html
+++ b/web/app/configs/widget/tradingview/tradingview.widget.component.html
@@ -2,7 +2,8 @@
     <ng-template #widgetParamsTemplate let-widget="widget">
         <label class="label-block">
             Trading Pair
-            <select class="form-control form-control-sm" [(ngModel)]="widget.dimension.newData.pair" [disabled]="isUpdating" name="widget-pair-{{widget.id}}">
+            <select class="form-control form-control-sm" [(ngModel)]="widget.dimension.newData.pair"
+                    [disabled]="isUpdating" name="widget-pair-{{widget.id}}">
                 <option *ngFor="let pair of pairs" [ngValue]="pair.value">
                     {{ pair.label }}
                 </option>
@@ -11,7 +12,8 @@
 
         <label class="label-block">
             Interval
-            <select class="form-control form-control-sm" [(ngModel)]="widget.dimension.newData.interval" [disabled]="isUpdating" name="widget-interval-{{widget.id}}">
+            <select class="form-control form-control-sm" [(ngModel)]="widget.dimension.newData.interval"
+                    [disabled]="isUpdating" name="widget-interval-{{widget.id}}">
                 <option *ngFor="let interval of intervals" [ngValue]="interval.value">
                     {{ interval.label }}
                 </option>
diff --git a/web/app/riot/riot-home/home.component.html b/web/app/riot/riot-home/home.component.html
index 2463704..a96073d 100644
--- a/web/app/riot/riot-home/home.component.html
+++ b/web/app/riot/riot-home/home.component.html
@@ -37,7 +37,8 @@
     <div *ngFor="let category of getCategories()">
         <my-ibox *ngIf="getIntegrationsIn(category).length > 0" boxTitle="{{category}}" [isCollapsible]="true">
             <div class="my-ibox-content">
-                <my-integration-bag [integrations]="getIntegrationsIn(category)" (integrationClicked)="modifyIntegration($event)"></my-integration-bag>
+                <my-integration-bag [integrations]="getIntegrationsIn(category)"
+                                    (integrationClicked)="modifyIntegration($event)"></my-integration-bag>
             </div>
         </my-ibox>
     </div>
diff --git a/web/app/shared/registry/integrations.registry.ts b/web/app/shared/registry/integrations.registry.ts
index e301513..3d902b9 100644
--- a/web/app/shared/registry/integrations.registry.ts
+++ b/web/app/shared/registry/integrations.registry.ts
@@ -5,7 +5,9 @@ import {
     WIDGET_GOOGLE_CALENDAR,
     WIDGET_GOOGLE_DOCS,
     WIDGET_GRAFANA,
-    WIDGET_JITSI, WIDGET_SPOTIFY, WIDGET_STICKER_PICKER,
+    WIDGET_JITSI,
+    WIDGET_SPOTIFY,
+    WIDGET_STICKER_PICKER,
     WIDGET_TRADINGVIEW,
     WIDGET_TWITCH,
     WIDGET_YOUTUBE
diff --git a/web/app/shared/services/scalar/scalar-client-api.service.ts b/web/app/shared/services/scalar/scalar-client-api.service.ts
index 3a3865b..6a5bb69 100644
--- a/web/app/shared/services/scalar/scalar-client-api.service.ts
+++ b/web/app/shared/services/scalar/scalar-client-api.service.ts
@@ -5,7 +5,8 @@ import {
     JoinRuleStateResponse,
     MembershipStateResponse,
     RoomEncryptionStatusResponse,
-    ScalarSuccessResponse, ScalarWidget,
+    ScalarSuccessResponse,
+    ScalarWidget,
     SetPowerLevelResponse,
     WidgetsResponse
 } from "../../models/server-client-responses";
@@ -73,7 +74,7 @@ export class ScalarClientApiService {
         });
     }
 
-    public deleteWidget(roomId: string, widget: EditableWidget|ScalarWidget): Promise<ScalarSuccessResponse> {
+    public deleteWidget(roomId: string, widget: EditableWidget | ScalarWidget): Promise<ScalarSuccessResponse> {
         const anyWidget: any = widget;
         return this.callAction("set_widget", {
             room_id: roomId,
@@ -83,7 +84,7 @@ export class ScalarClientApiService {
         });
     }
 
-    public deleteUserWidget(widget: EditableWidget|ScalarWidget): Promise<ScalarSuccessResponse> {
+    public deleteUserWidget(widget: EditableWidget | ScalarWidget): Promise<ScalarSuccessResponse> {
         const anyWidget: any = widget;
         return this.callAction("set_widget", {
             userWidget: true,
diff --git a/web/app/widget-wrappers/sticker-picker/sticker-picker.component.html b/web/app/widget-wrappers/sticker-picker/sticker-picker.component.html
index 5578d86..efe1ad8 100644
--- a/web/app/widget-wrappers/sticker-picker/sticker-picker.component.html
+++ b/web/app/widget-wrappers/sticker-picker/sticker-picker.component.html
@@ -9,7 +9,7 @@
         </div>
     </div>
     <div class="no-stickers" *ngIf="!isLoading && !authError && (!packs || packs.length === 0)">
-        <img src="/img/no_stickers.png" />
+        <img src="/img/no_stickers.png"/>
         <span class="message">You have no sticker packs.</span>
         <button class="btn btn-link btn-sm" (click)="openIntegrationManager()">Add some stickers</button>
     </div>
@@ -17,16 +17,18 @@
         <div class="sticker-pack" *ngFor="let pack of packs trackById">
             <div class="header">
                 <span class="title">{{ pack.displayName }}</span>
-                <span class="license"><a [href]="pack.license.urlPath" target="_blank">{{ pack.license.name }}</a></span>
+                <span class="license"><a [href]="pack.license.urlPath"
+                                         target="_blank">{{ pack.license.name }}</a></span>
                 <span class="author" *ngIf="pack.author.type !== 'none'">
                     <a [href]="pack.author.reference" target="_blank">{{ pack.author.name }}</a>
                 </span>
             </div>
 
             <div class="stickers">
-                <div class="sticker" *ngFor="let sticker of pack.stickers trackById" (click)="sendSticker(sticker, pack)">
+                <div class="sticker" *ngFor="let sticker of pack.stickers trackById"
+                     (click)="sendSticker(sticker, pack)">
                     <img [src]="getThumbnailUrl(sticker.thumbnail.mxc, 48, 48)" width="48" height="48" class="image"
-                         [alt]="sticker.name" [ngbTooltip]="sticker.name" placement="bottom" />
+                         [alt]="sticker.name" [ngbTooltip]="sticker.name" placement="bottom"/>
                 </div>
             </div>
         </div>
diff --git a/web/polyfills.ts b/web/polyfills.ts
index 0273b2d..3a72290 100644
--- a/web/polyfills.ts
+++ b/web/polyfills.ts
@@ -1,5 +1,6 @@
 import "reflect-metadata";
 import "ts-helpers";
+
 require("zone.js/dist/zone");
 
 //noinspection TypeScriptUnresolvedVariable
diff --git a/web/public/img/logo/favicon/safari-pinned-tab.svg b/web/public/img/logo/favicon/safari-pinned-tab.svg
index d945d9b..41f51ee 100644
--- a/web/public/img/logo/favicon/safari-pinned-tab.svg
+++ b/web/public/img/logo/favicon/safari-pinned-tab.svg
@@ -1,15 +1,15 @@
 <?xml version="1.0" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+        "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
 <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="513.000000pt" height="513.000000pt" viewBox="0 0 513.000000 513.000000"
- preserveAspectRatio="xMidYMid meet">
-<metadata>
-Created by potrace 1.11, written by Peter Selinger 2001-2013
-</metadata>
-<g transform="translate(0.000000,513.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M0 2565 l0 -2565 2565 0 2565 0 0 2565 0 2565 -2565 0 -2565 0 0
+     width="513.000000pt" height="513.000000pt" viewBox="0 0 513.000000 513.000000"
+     preserveAspectRatio="xMidYMid meet">
+    <metadata>
+        Created by potrace 1.11, written by Peter Selinger 2001-2013
+    </metadata>
+    <g transform="translate(0.000000,513.000000) scale(0.100000,-0.100000)"
+       fill="#000000" stroke="none">
+        <path d="M0 2565 l0 -2565 2565 0 2565 0 0 2565 0 2565 -2565 0 -2565 0 0
 -2565z"/>
-</g>
+    </g>
 </svg>
diff --git a/web/style/_riot.scss b/web/style/_riot.scss
index 759b023..eb869ec 100644
--- a/web/style/_riot.scss
+++ b/web/style/_riot.scss
@@ -1,7 +1,6 @@
 // The CSS for the Riot breadcrumb is specified here to ensure that it's style can be overridden.
 // In it's current position (as a component), the component-level stylesheet cannot access the
 // elements, so we specify it in a more generic location.
-
 @import "themes/themes";
 
 .main-app {
diff --git a/web/style/app.scss b/web/style/app.scss
index f5b97b1..716d6f2 100644
--- a/web/style/app.scss
+++ b/web/style/app.scss
@@ -14,7 +14,7 @@ body {
   font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
 }
 
-@include themifyRoot(){
+@include themifyRoot() {
   color: themed(defaultFgColor);
 
   // HACK: We specify the spinner color here because we can't use the mixin
diff --git a/web/style/themes/dark.scss b/web/style/themes/dark.scss
index 48f9f61..cf6abfa 100644
--- a/web/style/themes/dark.scss
+++ b/web/style/themes/dark.scss
@@ -64,7 +64,7 @@ $theme_dark: (
         integrationDescriptionColor: #bcc0c1,
 
         promoSpacerColor: rgba(206, 222, 235, 0.85),
-        promoShadowColor:  rgba(206, 222, 235, 0.34),
+        promoShadowColor: rgba(206, 222, 235, 0.34),
         promoInfoBgColor: #fff,
         promoInfoBorderColor: rgba(143, 45, 86, 0.2),
         promoPreBorderColor: rgba(143, 45, 86, 0.7),
diff --git a/web/style/themes/light.scss b/web/style/themes/light.scss
index c6f7d78..9c54a6f 100644
--- a/web/style/themes/light.scss
+++ b/web/style/themes/light.scss
@@ -64,7 +64,7 @@ $theme_light: (
         integrationDescriptionColor: #999,
 
         promoSpacerColor: rgba(206, 222, 235, 0.85),
-        promoShadowColor:  rgba(206, 222, 235, 0.34),
+        promoShadowColor: rgba(206, 222, 235, 0.34),
         promoInfoBgColor: #fff,
         promoInfoBorderColor: rgba(143, 45, 86, 0.2),
         promoPreBorderColor: rgba(143, 45, 86, 0.7),