From 953224f1f7b9ac4c54cc071d3adb716beeb2315e Mon Sep 17 00:00:00 2001
From: Sylvain <sylvain@sleede.com>
Date: Wed, 28 Apr 2021 16:17:56 +0200
Subject: [PATCH] remove top margin on first group

---
 app/frontend/src/stylesheets/app.components.scss | 6 +++++-
 app/frontend/templates/plans/index.html          | 7 ++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/app/frontend/src/stylesheets/app.components.scss b/app/frontend/src/stylesheets/app.components.scss
index 165564d72..38b9e5f1b 100644
--- a/app/frontend/src/stylesheets/app.components.scss
+++ b/app/frontend/src/stylesheets/app.components.scss
@@ -268,6 +268,10 @@
 }
 
 .list-of-plans {
+  .active-group ~ .active-group .group-title {
+    /* select all active groups but the first (the first have no margin at the top) */
+    margin: 3em auto 1em;
+  }
   .group-title {
     display: flex;
     align-items: center;
@@ -276,7 +280,7 @@
     padding: 2em;
     width: 83.33%;
     box-sizing: border-box;
-    margin: 3em auto 1em;
+    margin: 0 auto 1em;
     $border: 5px;
     background: #FFF;
     background-clip: padding-box;
diff --git a/app/frontend/templates/plans/index.html b/app/frontend/templates/plans/index.html
index a5d81fbfa..44bcbc9d8 100644
--- a/app/frontend/templates/plans/index.html
+++ b/app/frontend/templates/plans/index.html
@@ -17,12 +17,9 @@
 <div class="row no-gutter list-of-plans">
   <div class="col-sm-12 col-md-9 b-r">
 
-    <div class="row m-t m-b padder" ng-repeat="plansGroup in plansClassifiedByGroup | groupFilter:ctrl.member">
-
+    <div class="row m-t m-b padder" ng-repeat="plansGroup in plansClassifiedByGroup | groupFilter:ctrl.member" ng-class="{'active-group': plansGroup.actives > 0}">
       <div ng-show="plansGroup.actives > 0">
-        <div class="col-md-12 text-center">
-          <h2 class="text-u-c group-title">{{plansGroup.name}}</h2>
-        </div>
+        <h2 class="text-u-c group-title">{{plansGroup.name}}</h2>
         <div class="row row-centered padder">
           <div class="plans-per-group">