Fix styles at teams' index view

Re-Volt-America · Jun 3, 2024 · 0ca36cd · 0ca36cd
1 parent 71edec5
commit 0ca36cd
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 29 deletions.
diff --git a/app/assets/stylesheets/teams.scss b/app/assets/stylesheets/teams.scss
@@ -89,7 +89,7 @@
     }
 
     .card-footer {
-      padding: .3rem 1.25rem;
+      padding: 1rem 1.25rem;
       background-color: rgba(0,0,0,.03);
       border-color: #beb8bc;
     }

diff --git a/app/views/teams/index.haml b/app/views/teams/index.haml
@@ -9,37 +9,38 @@
   - else
     %h1
       = t("teams.global-points.title")
-    #teams.tab-pane.fade.show{:"aria-labelledby" => "teams-tab", role: "tabpanel"}
-    .text-center
-      .row
-        - @teams.each do |team|
-          .teams-card.col-xl-3.col-lg-4.cl-md-4.col-sm-6.col-12
-            .card
-              .card-header
-                .text-center
-                  %h2.car-title
-                    = "#{team.name}"
-                    %small
-                      = "(#{team.short_name})"
-              .card-body
-                %img.card-img-top{:src => team.team_logo_url, :alt => ""}
-              .card-footer
-                .row
-                  .col-5
-                    %p
-                      = t("teams.team.leader") + ":"
-                  .col-7
-                    %p
-                      = link_to team.leader.username, user_path(team.leader) if team.leader
-              - if team.members.any?
+    .tab-pane.fade.show{:"aria-labelledby" => "teams-tab", role: "tabpanel"}
+      .text-center
+        .row
+          - @teams.each do |team|
+            .team-card.col-xl-3.col-lg-4.cl-md-4.col-sm-6.col-12
+              .card
+                .card-header
+                  .text-center
+                    %h2.car-title
+                      = "#{team.name}"
+                      %small
+                        = "(#{team.short_name})"
+                .card-body
+                  %a{:href => team_path(team)}
+                    %img.card-img-top{:src => team.team_logo_url, :alt => ""}
                 .card-footer
                   .row
-                    .col-6
+                    .col-5
+                      %p
+                        = t("teams.team.leader") + ":"
+                    .col-7
                       %p
-                        = t("teams.team.members") + ":"
-                    .col-12
-                      - team.members.each do |member|
-                        = "#{member.username}#{team.members.last.eql?(member) ? '' : ', '}"
+                        = link_to team.leader.username, user_path(team.leader) if team.leader
+                - if team.members.any?
+                  .card-footer
+                    .row
+                      .col-6
+                        %p
+                          = t("teams.team.members") + ":"
+                      .col-12
+                        - team.members.each do |member|
+                          = link_to "#{member.username} #{team.members.last.eql?(member) ? '' : ','}" , user_path(member)
     %table.table.table-hover
     .table-responsive#teams-table
       %table.table.table-bordered.table-striped.table-hover