plier deplier infos meta concernement #2232

src/assets/main.scss

@@ -161,7 +161,7 @@ body{
             display: block;
             font-weight: 100;
             font-size: 0.882em;
-            padding: 1em 0 1em 0;
+            padding: 0.5em 0;
           }
         }
         div.concernement-cartouche-icons{
@@ -359,10 +359,28 @@ body{
       }
       >footer{
         section.infos{
-          >div{
+          position: relative;
+          svg.open-btn{
+            position: absolute;
+            right:0;
+            top: 0;
+            cursor: pointer;
+          }
+          div.wrapper{
+            overflow-y: hidden;
+            max-height: 0.1px;
+            transition: all 0.5s ease-in-out;
+            &.opened{
+              max-height: 200px;
+            }
+          }
+          div.info{
             font-size: 0.882em;
             font-weight: 100;
             // white-space:nowrap;
+            &.author{
+              cursor: pointer;
+            }
             >span.label{
               font-weight: 100;
             }
@@ -408,7 +426,7 @@ body{
         display: block;
         font-weight: 100;
         font-size: 0.882em;
-        padding: 0 0 1em 0;
+        padding: 0 0 0.5em 0;
       }
       ul, li{
         padding:0; margin:0;