Minor fixes and horizontal bar removed

Author: Javier Borrego

client/src/app/site/pages/meetings/pages/participants/pages/mandate-check/components/mandate-check-list/mandate-check-list.component.html

@@ -24,7 +24,7 @@ <h1 class="mock-h2" translate>Mandate check</h1>
                     <h1 class="text-large-bold color-inherit">{{ entry.name }}</h1>
                     <div>&nbsp;</div>
                 </div>
-                <div class="card-grid">
+                <div class="card-grid" style="max-width: inherit; white-space: wrap">
                     <!-- first row-->
                     <div></div>
                     <div class="flex-container align-left foreground-active">
@@ -76,18 +76,11 @@ <h2 class="text-large-bold color-inherit">
                 @if (toggleGenderMap.get(entry.id)) {
                     <div class="gender-map-grid">
                         @for (gender of genders; track gender.id) {
-                            <div class="row">
-                                @if (entry.getTotalCount(gender.id)) {
-                                    <!-- LEFT EMPTY -->
+                            @if (entry.getTotalCount(gender.id)) {
+                                <!-- LEFT EMPTY -->
+                                <div class="row">
                                     <div></div>
-                                    <div
-                                        class="foreground-active align-left"
-                                        style="
-                                            :not(:last-child) {
-                                                border-bottom: 1px solid rgba(177, 177, 177, 0.637);
-                                            }
-                                        "
-                                    >
+                                    <div class="foreground-active align-left">
                                         @if (entry.getTotalCount(gender.id)) {
                                             <!-- FIRST VAL -->
                                             {{ entry.genderEntryMap.get(gender.id)?.present }}
@@ -112,8 +105,8 @@ <h2 class="text-large-bold color-inherit">
                                     </div>
                                     <!-- LEFT EMPTY -->
                                     <div></div>
-                                }
-                            </div>
+                                </div>
+                            }
                         }
                     </div>
                 }
@@ -140,15 +133,15 @@ <h2 class="text-large-bold color-inherit">
                                 {{ 'Present' | translate }}
                             </div>
                             @for (userId of entry.presentUserIds; track userId) {
-                                <div class="margin-left-large text foreground-active">{{ getName(userId) }}</div>
+                                <div class="margin-left-medium text foreground-active">{{ getName(userId) }}</div>
                             }
                         </div>
                         <div>
                             <div class="bold margin-left-medium small-margin-top text">
                                 {{ 'Absent' | translate }}
                             </div>
                             @for (userId of entry.absentUserIds; track userId) {
-                                <div class="margin-left-large color-black">{{ getName(userId) }}</div>
+                                <div class="margin-left-medium color-black">{{ getName(userId) }}</div>
                             }
                         </div>
                     </div>

client/src/app/site/pages/meetings/pages/participants/pages/mandate-check/components/mandate-check-list/mandate-check-list.component.scss

@@ -39,6 +39,12 @@
     grid-template-columns: 95% 5%;
 }
 
+mat-card {
+    overflow-block: auto;
+    display: inline-flex;
+    scrollbar-width: none;
+}
+
 .card-grid {
     display: grid;
     white-space: nowrap;
@@ -101,7 +107,7 @@
 }
 
 .margin-left-medium {
-    margin-left: 70px;
+    margin-left: 115px;
 }
 
 .margin-bottom-20 {