margin aside

web/themes/custom/quartiers_de_demain/src/assets/scss/partials/aside.scss

@@ -5,12 +5,14 @@
     // left: 3%;
     top: $header-height-big;
     // z-index: 98;
-    margin: 1rem 2rem;
+    // margin: 1rem 2rem;
     background-color: transparent;
     @media(max-width: 810px){
         position: relative;
         width: 80%;
         top: $header-height-pad;
+        margin: auto;
+        margin-top: 1rem;
     } 
 
 
@@ -22,6 +24,8 @@
         @media(max-width: 810px){
             display: flex;
             flex-direction: column;
+            margin: auto;
+            width: auto;
         }
         h2{
             text-transform: uppercase;
@@ -34,20 +38,30 @@
         form{
             
             .js-form-item{
+                display: flex;
+                margin-bottom: 0.5rem;
+
                 @media(max-width: 810px){
                     display: flex;
                     flex-direction: column;
                     justify-content: space-between;
                 }
+                label{
+                    flex: 2 1 auto;
+                }
                 input{
-                    max-width: 100%;
-
+                    flex: 2 1 auto;
+                    max-width: 55%;
+                    @media(max-width: 810px){
+                        max-width: 100%;
+                    }
                 }
             }
             @media(max-width: 810px){
                 display: flex;
                 flex-direction: column;
                 justify-content: space-between;
+
             }
         }
         
@@ -55,7 +69,6 @@
             display: flex;
             flex-direction: row;
             justify-content: space-evenly;
-            margin-bottom: 0.5rem;
             border-bottom: solid black 0.5px ;
             padding-top: 0.5rem;
             font-size: 0.7rem;