responsive view-content

web/themes/custom/eql/scss/pages/ressources.scss

@@ -20,7 +20,7 @@
                     margin-left: 28%;
                     @media (max-width:810px) {
                      margin-left: 0;
-                     line-height: 4rem;
+                    //  line-height: 4rem;
                     }
                 }
                 .layout--onecol{
@@ -174,14 +174,7 @@
                                                     padding-bottom: 1rem;
                                                 }
                                             }
-                                            button.is-active {
-                                                background-color: $blue-dark;
-                                                color: white;
-                                              
-                                                a {
-                                                  color: white;
-                                                }
-                                              }
+                                      
                                             button{
                                                 background-color: transparent;
                                                 // border-radius: 30px;
@@ -280,6 +273,12 @@
 
                                             }
                                             button.is-active{
+                                                background-color: $blue-dark;
+                                                color: white;
+                                              
+                                                a {
+                                                  color: white;
+                                                }
                                                 &.button-videos{
                                                     margin-top: 1rem;
                                                     a {
@@ -442,6 +441,9 @@
                                                 flex-direction: row;
                                                 align-items: center;
                                                 font-size: 1.7rem;
+                                                @media (max-width: 810px){
+                                                    padding-left: 2rem;
+                                                } 
                                             }
                                             h3.type-publications-issues-du-programme-eqld {
                                                 border: none;
@@ -492,6 +494,11 @@
                                                     //     content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
                                                     // }
                                                 }
+                                                @media (max-width: 810px){
+                                                    left: 81vw;
+                                                    top: -4.3rem;
+                                                } 
+                                                
                                             }
                                             .views-row-wrapper{
                                                 display: flex;
@@ -500,6 +507,7 @@
                                                     width: 100% !important;
                                                     display: flex;
                                                     flex-direction: row;
+                                                    transform: none;
                                                     .views-row{
                                                         width: 20% ;
                                                         min-width: 250px ;
@@ -508,6 +516,7 @@
                                                 }
                                                 
                                                 @media (max-width: 810px){
+                                                    padding-left: 2rem;
                                                     flex-direction: column;
                                                     .views-row{
                                                         width: 100%;