présentation mosaïque

1 files changed, 11 insertions, 15 deletions

diff --git a/public/css/body.css b/public/css/body.css
index f8e4f81..140655b 100644
--- a/public/css/body.css
+++ b/public/css/body.css
@@ -67,24 +67,27 @@ section > h3
     display: grid; /* et c'est tout */
     /* la règle grid-template-columns est ajoutée dynamiquement par PHP ou JS*/
 }
-.galery_photos
+.mosaic > .section_child
 {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-evenly;
 }
-.galery_photos .html_from_editor img
+.mosaic > .section_child article
 {
     max-width: 300px;
-    max-height: 200px;
+}
+.mosaic > .section_child img /* règle ciblant un élément généré par l'éditeur */
+{
+    /*max-width: 300px;*/
+    max-height: 300px;
     object-fit: contain;
 }
 article
 {
-    /*display: flex;*/
     background-color: white;
     margin: 15px;
-    padding: 0 15px;
+    padding: 15px;
     /*min-height: 150px;*/
 }
 article .logo2
@@ -94,14 +97,10 @@ article .logo2
     max-height: 200px;
     margin-right: 15px;
 }
-.new_content, .article_content
+.overflow_hidden div
 {
-    width: 100%;
-}
-.new_content
-{
-    /*max-height: 400;*/
     overflow: hidden;
+    max-height: 500px;
 }
 .new_content button
 {
@@ -149,10 +148,6 @@ button .action_icon:hover
 {
     float: right;
 }
-.article_title_zone
-{
-    padding: 10px;
-}
 .under_an_article
 {
     display: flex;
@@ -169,6 +164,7 @@ button .action_icon:hover
 {
     display: flex;
     justify-content: end;
+    min-width: 100px; /* intéragit avec la règle float sur le bouton "share" */
 }
 .delete_button
 {