More cleanup

src-ui/src/app/app.module.ts

@@ -136,6 +136,7 @@ import {
   checkLg,
   chevronDoubleLeft,
   chevronDoubleRight,
+  clipboard,
   clipboardCheckFill,
   clipboardFill,
   dash,
@@ -149,6 +150,7 @@ import {
   fileEarmark,
   fileEarmarkCheck,
   fileEarmarkFill,
+  fileEarmarkLock,
   files,
   fileText,
   filter,
@@ -218,6 +220,7 @@ const icons = {
   checkLg,
   chevronDoubleLeft,
   chevronDoubleRight,
+  clipboard,
   clipboardCheckFill,
   clipboardFill,
   dash,
@@ -231,6 +234,7 @@ const icons = {
   fileEarmark,
   fileEarmarkCheck,
   fileEarmarkFill,
+  fileEarmarkLock,
   files,
   fileText,
   filter,

src-ui/src/app/components/common/filterable-dropdown/filterable-dropdown.component.scss

@@ -25,10 +25,6 @@
   }
 }
 
-small > i-bs {
-  margin-top: -2px;
-}
-
 .list-group-item-note {
   line-height: 1;
 

src-ui/src/app/components/common/input/document-link/document-link.component.html

@@ -29,7 +29,7 @@
             <div class="d-flex align-items-center">
               <i-bs (click)="unselect(document)" name="x"></i-bs>
               <a routerLink="/documents/{{document.id}}" class="badge bg-light text-primary" (mousedown)="$event.stopImmediatePropagation();">
-                  <i-bs width="0.9em" height="0.9em" name="file-text"></i-bs><span>{{document.title}}</span>
+                <i-bs width="0.9em" height="0.9em" name="file-text"></i-bs>&nbsp;<span>{{document.title}}</span>
               </a>
             </div>
           </ng-template>

src-ui/src/app/components/common/input/file/file.component.html

@@ -18,7 +18,7 @@
             <div class="form-text d-flex align-items-center">
               <span class="text-muted">{{filename}}</span>
               <button type="button" class="btn btn-link btn-sm text-danger ms-2" (click)="clear()">
-                <i-bs  name="x"></i-bs><small class="ms-1" i18n>Remove</small>
+                <i-bs name="x"></i-bs><small i18n>Remove</small>
               </button>
             </div>
         }

src-ui/src/app/components/common/input/switch/switch.component.html

@@ -22,7 +22,7 @@
           <label class="form-check-label" [class.text-muted]="showUnsetNote && isUnset" [for]="inputId" [ngbTooltip]="showUnsetNote && isUnset ? tipContent: null" placement="end">
             {{title}}
             @if (showUnsetNote && isUnset) {
-              <i-bs width="0.9em" height="0.9em" name="exclamation-triangle"></i-bs>
+              &nbsp;<i-bs width="0.9em" height="0.9em" name="exclamation-triangle"></i-bs>
             }
           </label>
         }

src-ui/src/app/components/common/preview-popup/preview-popup.component.html

@@ -9,7 +9,7 @@
     } @else {
       @if (requiresPassword) {
         <div class="w-100 h-100 position-relative">
-          <i-bs name="file-earmark-lock"></i-bs>
+          <i-bs width="2em" height="2em" class="position-absolute top-50 start-50 translate-middle" name="file-earmark-lock"></i-bs>
         </div>
       }
       @if (!requiresPassword) {

src-ui/src/app/components/common/share-links-dropdown/share-links-dropdown.component.html

@@ -59,7 +59,7 @@
                     <div class="spinner-border spinner-border-sm me-2" role="status"></div>
                   }
                   @if (!loading) {
-                    <i-bs width="1.2em" height="1.2em" name="plus"></i-bs>
+                    <i-bs name="plus"></i-bs>
                   }
                   <ng-container i18n>Create</ng-container>
                 </button>

src-ui/src/app/components/common/toasts/toasts.component.html

@@ -15,7 +15,7 @@
         <i-bs width="0.9em" height="0.9em" name="exclamation-triangle"></i-bs>
       }
       <div>
-        <p class="mb-0">{{toast.content}}</p>
+        <p class="ms-2 mb-0">{{toast.content}}</p>
         @if (toast.error) {
           <details>
             <div class="mt-2">
@@ -33,12 +33,12 @@
                 <div class="col offset-sm-3">
                   <button class="btn btn-sm btn-outline-dark" (click)="copyError(toast.error)">
                     @if (!copied) {
-                      <i-bs  name="clipboard"></i-bs>
+                      <i-bs name="clipboard"></i-bs>&nbsp;
                     }
                     @if (copied) {
-                      <i-bs  name="clipboard-check"></i-bs>
+                      <i-bs name="clipboard-check"></i-bs>&nbsp;
                     }
-                    >&nbsp;<ng-container i18n>Copy Raw Error</ng-container>
+                    <ng-container i18n>Copy Raw Error</ng-container>
                   </button>
                 </div>
               </div>