input

web/themes/custom/reha/dist/css/bundle.css

@@ -2,18 +2,18 @@
 /*reha*/
 /*global*/
 /* Colors used for REHA */
-#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, aside.layout-sidebar-second footer, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link,
+#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link,
 .next-site,
 .prev-site, .page-programme .field--type-link {
   text-transform: uppercase;
-  padding: 0.5rem;
+  padding: 0.3rem;
   border: solid black 1px;
   margin-bottom: 1rem;
   background-color: rgb(255, 255, 255);
   font-size: 0.9rem;
 }
 @media (max-width: 891px) {
-  #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, aside.layout-sidebar-second footer, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link,
+  #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link,
   .next-site,
   .prev-site, .page-programme .field--type-link {
     font-size: 1rem;
@@ -872,7 +872,7 @@ input {
 }
 
 .form-submit {
-  height: 4rem !important;
+  height: 3rem !important;
   margin-bottom: 1rem;
   font-size: 1.2rem;
   font-weight: 300;
@@ -902,6 +902,12 @@ input {
   height: 1.5rem;
 }
 
+h4 {
+  text-align: start;
+  padding-left: 10%;
+  font-size: 2rem;
+}
+
 .layout-sidebar-first #block-reha-phase1 {
   border: solid #fdc300 1px;
   font-weight: 800;
@@ -949,6 +955,8 @@ aside.layout-sidebar-second h2::before {
 }
 aside.layout-sidebar-second .view-current-user-doc-profile {
   padding: 0 2rem;
+  display: flex;
+  flex-direction: column;
 }
 aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-site {
   font-size: 2rem;
@@ -967,7 +975,7 @@ aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dos
 }
 aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dossier-de-pilotage > div:nth-child(1)::before {
   content: url("../../dist/images/noun-file-6880430.svg");
-  display: inline-block;
+  display: inline-flex;
   width: 70px;
   height: auto;
   align-items: center;
@@ -978,18 +986,37 @@ aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dos
   padding-right: 2rem;
 }
 aside.layout-sidebar-second footer {
+  text-transform: uppercase;
+  border: solid black 1px;
+  background-color: rgb(255, 255, 255);
+  font-size: 0.9rem;
   width: fit-content;
-  padding: 0.3rem;
   font-weight: 400;
 }
+@media (max-width: 891px) {
+  aside.layout-sidebar-second footer {
+    font-size: 1rem;
+  }
+}
+aside.layout-sidebar-second footer p {
+  margin: 0;
+  padding: 0.3rem;
+}
 aside.layout-sidebar-second footer :hover {
   background-color: #fdc300;
 }
+aside.layout-sidebar-second .view-footer {
+  padding-top: 0;
+  align-self: center;
+}
 
 aside.layout-sidebar-second.open {
   transform: translateX(90%); /* Par défaut ouvert */
   transition: transform 0.35s;
 }
+aside.layout-sidebar-second.open:hover {
+  background-color: #fdc300;
+}
 
 aside.layout-sidebar-second {
   transform: translateX(0%);

web/themes/custom/reha/scss/global/variables/_buttons.scss

@@ -3,7 +3,7 @@
 
 %buttonwithborder {
     text-transform: uppercase;
-    padding: 0.5rem;
+    padding: 0.3rem;
     border: solid black 1px;
     margin-bottom: 1rem;
     background-color: $white-button;
@@ -83,5 +83,3 @@
 }
  
 
-
-

web/themes/custom/reha/scss/partials/_aside.scss

@@ -53,6 +53,8 @@ aside.layout-sidebar-second{
     }
     .view-current-user-doc-profile{
         padding: 0 2rem ;
+        display: flex;
+        flex-direction: column;
     }
     .profile--type--collaborateur{
         .field--name-field-site{
@@ -72,7 +74,7 @@ aside.layout-sidebar-second{
 
             > div:nth-child(1)::before{
                 content: url('../../dist/images/noun-file-6880430.svg');
-                display: inline-block;
+                display: inline-flex;
                 width: 70px;
                 height: auto;
                 // align-content: center;
@@ -88,21 +90,38 @@ aside.layout-sidebar-second{
         }
     }  
     footer{
-        @extend %buttonwithborder;
+        text-transform: uppercase;
+
+        border: solid black 1px;
+        background-color: $white-button;
+        font-size: 0.9rem;
         width: fit-content;
-        padding: 0.3rem;
         font-weight: 400;
+        @media (max-width:891px) {
+            font-size: 1rem;
+         }
+         p{margin: 0;
+            padding: 0.3rem;}
         :hover{
             background-color: $yellow-puca;
         }
-    }  
+    } 
+    .view-footer{
+        padding-top: 0;
+        align-self: center;
+    } 
 
   
 }
 aside.layout-sidebar-second.open {
     transform: translateX(90%); /* Par défaut ouvert */
     transition: transform 0.35s;
+    &:hover{
+        background-color: $yellow-puca;
+    }
+    
 }
 aside.layout-sidebar-second {
     transform: translateX(0%);
+
 }

web/themes/custom/reha/scss/partials/_forms.scss

@@ -21,7 +21,7 @@ input{
 }
 .form-submit{
 
-    height: 4rem !important;
+    height: 3rem !important;
     margin-bottom: 1rem;
     font-size: 1.2rem;
     font-weight: 300;
@@ -56,4 +56,9 @@ input{
     @extend %buttonwithborder;
 
 }
-           
+
+h4{
+    text-align: start;
+    padding-left:10% ;
+    font-size: 2rem;
+}

web/themes/custom/reha/templates/views-view.html.twig

@@ -67,7 +67,7 @@
   {{ more }}
 
   {% if footer %}
-    <footer>
+    <footer class='view-footer'>
       {{ footer }}
     </footer>
   {% endif %}