[PM-9707] [Boostrap] Fix avatar and customize placement (#10093)

The Avatar customize button appeared below the avatar after removing Boostrap. This resolves it by adding flex, it also has the added benefit of aligning the button vertically as it's currently slightly misaligned.
bitwarden · Jul 12, 2024 · 06cf849 · 06cf849
1 parent eceec4b
commit 06cf849
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/apps/web/src/app/auth/settings/account/profile.component.html b/apps/web/src/app/auth/settings/account/profile.component.html
@@ -19,8 +19,8 @@
       </bit-form-field>
     </div>
     <div class="tw-col-span-6">
-      <div class="tw-mb-3">
-        <dynamic-avatar text="{{ profile | userName }}" [id]="profile.id" [size]="'large'">
+      <div class="tw-mb-3 tw-flex tw-align-middle tw-items-center">
+        <dynamic-avatar text="{{ profile | userName }}" [id]="profile.id" size="large">
         </dynamic-avatar>
         <button
           class="tw-ml-3"