added responsive styles and previously removed the custom-button comp…

…onent
Gururajj77 · Jan 13, 2024 · 63642cd · 63642cd
1 parent d092663
commit 63642cd
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/app/users/users.component.html b/src/app/users/users.component.html
@@ -15,27 +15,25 @@ <h3>{{ user.name }}</h3>
         <p class="user-followers">Followers: {{ user.followerCount }}</p>
       </div>
     </div>
-    @if (user.isFollowing) {
     <div class="button-container">
+      @if (user.isFollowing) {
       <button
         (click)="unfollowUser(user.uid)"
         class="custom-following-button"
         type="submit"
       >
         Following
       </button>
-    </div>
-    } @else{
-    <div class="button-container">
+      } @else{
       <button
         class="custom-button"
         (click)="followUser(user.uid)"
         type="submit"
       >
         Follow
       </button>
+      }
     </div>
-    }
   </div>
   }
 </section>
diff --git a/src/app/users/users.component.scss b/src/app/users/users.component.scss
@@ -73,7 +73,10 @@
   }
 
   .button-container {
-    margin-top: 10px;
+    padding: 10px;
     width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
 }