Améliore le design responsive

EcrituresNumeriques · Jun 19, 2023 · 5f56f38 · 5f56f38
1 parent dfca1a3
commit 5f56f38
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/front/src/components/articles.module.scss b/front/src/components/articles.module.scss
@@ -183,6 +183,9 @@ hr.horizontalSeparator {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
+
+  column-gap: 2em;
+  row-gap: 0.15em;
 
   padding: 1rem;
   position: relative;
@@ -194,7 +197,7 @@ hr.horizontalSeparator {
   }
 
   .inlineField {
-    width: 100%;
+    flex: 1;
   }
 
   .title {
@@ -208,7 +211,7 @@ hr.horizontalSeparator {
   }
 
   .actionButtons {
-    flex: 195px 1;
+    flex-shrink: 1;
     text-align: right;
   }