refactor(profile): remove outer div for profile-photo-remove-button

Satellite-im · Jul 8, 2022 · 948254c · 948254c
1 parent 2a08a60
commit 948254c
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 14 deletions.
diff --git a/components/views/settings/pages/profile/Profile.html b/components/views/settings/pages/profile/Profile.html
@@ -59,11 +59,13 @@
                 class="plus-button"
               />
             </div>
-            <div class="profile-photo-remove-button" v-if="!!src">
-              <button @click="removeProfileImage">
-                <span>{{ $t('pages.settings.profile.remove_image') }}</span>
-              </button>
-            </div>
+            <button
+              v-if="!!src"
+              class="profile-photo-remove-button"
+              @click="removeProfileImage"
+            >
+              <span>{{ $t('pages.settings.profile.remove_image') }}</span>
+            </button>
           </div>
           <div class="column username-column">
             <TypographyTitle

diff --git a/components/views/settings/pages/profile/Profile.less b/components/views/settings/pages/profile/Profile.less
@@ -31,6 +31,9 @@
 }
 
 .profile-photo-column {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
   max-width: 100px;
   .profile-photo {
     position: relative;
@@ -55,17 +58,12 @@
 }
 
 .profile-photo-remove-button {
-  display: flex;
-  justify-content: center;
   margin-top: @xlight-spacing;
+  font-size: @mini-text-size;
+  &:extend(.color-danger);
 
-  button {
-    font-size: @mini-text-size;
-    &:extend(.color-danger);
-
-    &:hover {
-      opacity: 0.8;
-    }
+  &:hover {
+    opacity: 0.8;
   }
 }