From 9ee03d24f50043700ee94d328a7b29f37c38c61f Mon Sep 17 00:00:00 2001
From: Elisabeth Dickinson <edi@odoo.com>
Date: Mon, 8 Mar 2021 11:00:16 +0100
Subject: [PATCH] fix img, figures and captions layout in content

---
 extensions/odoo_theme/static/style.scss | 51 +++++++++++++++----------
 1 file changed, 30 insertions(+), 21 deletions(-)

diff --git a/extensions/odoo_theme/static/style.scss b/extensions/odoo_theme/static/style.scss
index 8718e6191..a97336514 100644
--- a/extensions/odoo_theme/static/style.scss
+++ b/extensions/odoo_theme/static/style.scss
@@ -563,6 +563,36 @@ header.o_main_header{
                     font-weight: $fw_semibold;
                 }
 
+                img:not([alt="green"]):not([alt="orange"]):not([alt="red"]) {
+                    border: 1px solid $gray-lighter;
+                    background: $white;
+                    padding: .5rem;
+                }
+
+                img:not([alt="green"]):not([alt="orange"]):not([alt="red"]), iframe {
+                    margin-bottom: 1rem;
+                }
+
+                p > img {
+                    border: none;
+                    padding: 0;
+                    margin-bottom: 0;
+                }
+
+                .figure {
+                    .caption, .caption-text {
+                        font-weight: $fw_semibold;
+                        color: $gray;
+                    }
+                    .caption, .caption-text, .legend, .legend p{
+                        font-style: italic;
+                        margin: 0 auto;
+                    }
+                    &:not([class^="col"]) .legend {
+                        max-width: 60%;
+                    }
+                }
+
                 a.headerlink {
                     text-decoration: none;
                     visibility: hidden !important;
@@ -643,13 +673,6 @@ header.o_main_header{
             font-weight: 600;
         }
 
-        img.img-fluid:not([alt="green"]):not([alt="orange"]):not([alt="red"]) {
-            border: 1px solid $gray-lighter;
-            background: $white;
-            margin-bottom: 1rem;
-            padding: .5rem;
-        }
-
         .container .container:not([class^="col"]) {
             padding: 0;
             margin: 0;
@@ -659,20 +682,6 @@ header.o_main_header{
             text-align: left;
         }
 
-        .figure {
-            .caption, .caption-text {
-                font-weight: $fw_semibold;
-                color: $gray;
-            }
-            .caption, .caption-text, .legend, .legend p{
-                font-style: italic;
-                margin: 0 auto;
-            }
-            &:not([class^="col"]) .legend {
-                max-width: 60%;
-            }
-        }
-
         // restyle numbers on lists
         ol {
             /* list-style: none;