src/app/structure-list/components/more-filters/more-filters.component.html

@@ -28,17 +28,16 @@
     <div *ngIf="categories.length > 1" class="modalContent multipleCollapse">
       <app-collapse *ngFor="let c of categories">
         <app-collapse-header>
-
           <div class="collapseHeader">
             <app-checkbox
               [size]="'small'"
               [id]="c.id"
               [checked]="getCategoryCheckboxStatus(c) === 'checked'"
               [indeterminate]="getCategoryCheckboxStatus(c) === 'halfChecked'"
+              [ngStyle]="{ padding: '4px 4px' }"
               (action)="handleCategoryCheckBox($event, c); $event.stopPropagation()"
-              [ngStyle]="{'padding': '4px 4px'}"
-            ></app-checkbox>
-            <span [attr.aria-label]="" id="categoryName">{{ c.name }}</span>
+            />
+            <span id="categoryName" [attr.aria-label]="">{{ c.name }}</span>
             <!-- label only for screen reader to avoid selecting all the elements when clicking the label -->
             <label class="visually-hidden" for="{{ c.id }}">{{ c.name }}. Cocher pour tout sélectionner</label>
           </div>
@@ -64,7 +63,7 @@
         [ariaLabel]="'Effacer et fermer'"
         (action)="clearFilters()"
       />
-      <app-button [variant]="'primary'" [label]="'Appliquer'" (action)="emitModules(checkedModules)"/>
+      <app-button [variant]="'primary'" [label]="'Appliquer'" (action)="emitModules(checkedModules)" />
     </div>
   </div>
 </div>

src/app/structure-list/components/structure-details/structure-details.component.scss

@@ -19,10 +19,19 @@
     width: 100%;
   }
 
+  -webkit-hyphens: auto;
+  hyphens: auto;
+
   h1 {
     @include font-bold-24;
   }
 
+  @media (max-width: 370px) {
+    h1 {
+      font-size: 18px;
+    }
+  }
+
   h2 {
     @include font-bold-18;
     text-transform: uppercase;
@@ -38,7 +47,7 @@
   overflow-y: auto;
   scrollbar-gutter: stable;
   width: 600px;
-  box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1);
   background-color: $white;
 
   @media #{$tablet} {