CSS regressions FTL

thechangelog · Oct 16, 2024 · 24d8609 · 24d8609
1 parent ebe39c8
commit 24d8609
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/assets/app/components/avatar_list.scss b/assets/app/components/avatar_list.scss
@@ -1,11 +1,14 @@
 .avatar_list {
   display: flex;
   flex-wrap: wrap;
+  justify-content: center;
 
-  justify-content: left;
+  &--left {
+    justify-content: left;
 
-  @media (max-width: $smartphone) {
-    justify-content: center;
+    @media (max-width: $smartphone) {
+      justify-content: center;
+    }
   }
 
   margin-left: -5px;

diff --git a/lib/changelog_web/templates/page/community.html.heex b/lib/changelog_web/templates/page/community.html.heex
@@ -29,7 +29,7 @@
     </header>
 
     <div class="marketing-section-content-people">
-      <div class="avatar_list avatar_list--full">
+      <div class="avatar_list avatar_list--full avatar_list--left">
       <%= for person <- @active do %>
         <%= link to: PersonView.profile_path(person), class: "avatar_list-item avatar_list-item--light", title: person.name do %>
           <%= SharedHelpers.lazy_image(PersonView.avatar_url(person), person.name, width: 50, height: 50) %>
@@ -45,7 +45,7 @@
     </header>
 
     <div class="marketing-section-content-people">
-      <div class="avatar_list avatar_list--full">
+      <div class="avatar_list avatar_list--full avatar_list--left">
       <%= for person <- @retired do %>
         <%= link to: PersonView.profile_path(person), class: "avatar_list-item avatar_list-item--light", title: person.name do %>
           <%= SharedHelpers.lazy_image(PersonView.avatar_url(person), person.name, width: 50, height: 50) %>