[CL-605] Fix whitespace between elements (#13644)

apps/desktop/src/platform/components/approve-ssh-request.html

@@ -14,13 +14,13 @@
       <b>{{params.cipherName}}</b>
       {{ "sshkeyApprovalMessageSuffix" | i18n }} {{ params.action | i18n }}
     </div>
-    <div bitDialogFooter>
+    <ng-container bitDialogFooter>
       <button type="submit" bitButton bitFormButton buttonType="primary">
         <span>{{ "authorize" | i18n }}</span>
       </button>
       <button type="button" bitButton bitFormButton buttonType="secondary" bitDialogClose>
         {{ "deny" | i18n }}
       </button>
-    </div>
+    </ng-container>
   </bit-dialog>
 </form>

apps/web/src/app/admin-console/organizations/members/members.component.html

@@ -187,7 +187,7 @@
                   class="tw-mr-3"
                 ></bit-avatar>
                 <div class="tw-flex tw-flex-col">
-                  <div>
+                  <div class="tw-flex tw-flex-row tw-gap-2">
                     <button type="button" bitLink>
                       {{ u.name ?? u.email }}
                     </button>
@@ -196,22 +196,25 @@
                       class="tw-text-xs"
                       variant="secondary"
                       *ngIf="u.status === userStatusType.Invited"
-                      >{{ "invited" | i18n }}</span
                     >
+                      {{ "invited" | i18n }}
+                    </span>
                     <span
                       bitBadge
                       class="tw-text-xs"
                       variant="warning"
                       *ngIf="u.status === userStatusType.Accepted"
-                      >{{ "needsConfirmation" | i18n }}</span
                     >
+                      {{ "needsConfirmation" | i18n }}
+                    </span>
                     <span
                       bitBadge
                       class="tw-text-xs"
                       variant="secondary"
                       *ngIf="u.status === userStatusType.Revoked"
-                      >{{ "revoked" | i18n }}</span
                     >
+                      {{ "revoked" | i18n }}
+                    </span>
                   </div>
                   <div class="tw-text-sm tw-text-muted" *ngIf="u.name">
                     {{ u.email }}

apps/web/src/app/auth/settings/webauthn-login-settings/webauthn-login-settings.component.html

@@ -1,24 +1,26 @@
 <h2 bitTypography="h2">
   {{ "logInWithPasskey" | i18n }}
-  <ng-container *ngIf="hasData">
+  <span class="tw-inline-flex tw-gap-1 tw-align-middle">
-    <span
+    <ng-container *ngIf="hasData">
-      *ngIf="requireSsoPolicyEnabled"
+      <span
-      bitBadge
+        *ngIf="requireSsoPolicyEnabled"
-      variant="secondary"
+        bitBadge
-      class="tw-max-w-full !tw-align-middle"
+        variant="secondary"
-    >
+        class="tw-max-w-full !tw-align-middle"
-      {{ "off" | i18n }} - {{ "ssoLoginIsRequired" | i18n }}
+      >
-    </span>
+        {{ "off" | i18n }} - {{ "ssoLoginIsRequired" | i18n }}
-    <ng-container *ngIf="!requireSsoPolicyEnabled">
+      </span>
-      <span *ngIf="hasCredentials" bitBadge variant="success" class="!tw-align-middle">{{
+      <ng-container *ngIf="!requireSsoPolicyEnabled">
-        "on" | i18n
+        <span *ngIf="hasCredentials" bitBadge variant="success" class="!tw-align-middle">
-      }}</span>
+          {{ "on" | i18n }}
-      <span *ngIf="!hasCredentials" bitBadge variant="secondary" class="!tw-align-middle">{{
+        </span>
-        "off" | i18n
+        <span *ngIf="!hasCredentials" bitBadge variant="secondary" class="!tw-align-middle">
-      }}</span>
+          {{ "off" | i18n }}
+        </span>
+      </ng-container>
     </ng-container>
-  </ng-container>
+    <span bitBadge variant="warning" class="!tw-align-middle">{{ "beta" | i18n }}</span>
-  <span bitBadge variant="warning" class="!tw-align-middle">{{ "beta" | i18n }}</span>
+  </span>
   <ng-container *ngIf="loading">
     <i class="bwi bwi-spinner bwi-spin tw-ml-1" aria-hidden="true"></i>
   </ng-container>

apps/web/src/app/tools/reports/pages/exposed-passwords-report.component.html

@@ -49,8 +49,9 @@
                 appStopClick
                 (click)="selectCipher(row)"
                 title="{{ 'editItemWithName' | i18n: row.name }}"
-                >{{ row.name }}</a
               >
+                {{ row.name }}
+              </a>
             </ng-container>
             <ng-template #cantManage>
               <span>{{ row.name }}</span>

bitwarden_license/bit-web/src/app/admin-console/organizations/manage/domain-verification/domain-add-edit-dialog/domain-add-edit-dialog.component.html

@@ -7,25 +7,27 @@
     <span bitDialogTitle>
       <span *ngIf="!data.orgDomain">{{ "newDomain" | i18n }}</span>
       <span *ngIf="data.orgDomain">
+        {{ ((accountDeprovisioningEnabled$ | async) ? "claimDomain" : "verifyDomain") | i18n }}
+      </span>
+
+      <span *ngIf="data.orgDomain" class="tw-text-xs tw-text-muted">
+        {{ data.orgDomain.domainName }}
+      </span>
+
+      <span *ngIf="data?.orgDomain && !data.orgDomain?.verifiedDate" bitBadge variant="warning">
         {{
-          ((accountDeprovisioningEnabled$ | async) ? "claimDomain" : "verifyDomain") | i18n
+          ((accountDeprovisioningEnabled$ | async)
-        }}</span
+            ? "domainStatusUnderVerification"
-      >
+            : "domainStatusUnverified"
-
+          ) | i18n
-      <span *ngIf="data.orgDomain" class="tw-text-xs tw-text-muted">{{
+        }}
-        data.orgDomain.domainName
+      </span>
-      }}</span>
+      <span *ngIf="data?.orgDomain && data?.orgDomain?.verifiedDate" bitBadge variant="success">
-
+        {{
-      <span *ngIf="data?.orgDomain && !data.orgDomain?.verifiedDate" bitBadge variant="warning">{{
+          ((accountDeprovisioningEnabled$ | async) ? "domainStatusClaimed" : "domainStatusVerified")
-        ((accountDeprovisioningEnabled$ | async)
+            | i18n
-          ? "domainStatusUnderVerification"
+        }}
-          : "domainStatusUnverified"
+      </span>
-        ) | i18n
-      }}</span>
-      <span *ngIf="data?.orgDomain && data?.orgDomain?.verifiedDate" bitBadge variant="success">{{
-        ((accountDeprovisioningEnabled$ | async) ? "domainStatusClaimed" : "domainStatusVerified")
-          | i18n
-      }}</span>
     </span>
     <div bitDialogContent>
       <bit-form-field>