[FIX] base: change width by default for apps description

addons/crm/static/description/index.html

@@ -43,7 +43,7 @@
             <p class="oe_mt32 oe_mb32 text-justify">
             Automate activities based on your sales scripts: calls, meetings, mails and quotations. Get all information you need, right on the opportunity: page viewed, mails received, etc.
             </p>
-            <img src="crm_sc_02b.png">
+            <img class='img-responsive' src="crm_sc_02b.png">
         </div>
     </div>
 </section>

odoo/addons/base/static/src/css/description.css

@@ -1,5 +1,4 @@
-@charset "utf-8";
-/*
+/**
  *  This CSS is for the html description of modules
  * TODO clean
  */
@@ -78,11 +77,11 @@
 /* ------ BASE GRID CONSTRUCTS ----- */
 .oe_page {
   margin: 0px auto 64px auto;
-  max-width: 992px;
+  max-width: 100%;
 }
 
 .oe_row {
-  width: 928px;
+  width: 100%;
   margin-top: 16px;
   margin-bottom: 16px;
   margin-left: auto;
@@ -111,35 +110,35 @@
 }
 
 .oe_span12 {
-  width: 928px;
+  width: 100%;
 }
 
 .oe_span10 {
-  width: 773px;
+  width: 83.33333%;
 }
 
 .oe_span9 {
-  width: 696px;
+  width: 75%;
 }
 
 .oe_span8 {
-  width: 618px;
+  width: 66.66667%;
 }
 
 .oe_span6 {
-  width: 464px;
+  width: 50%;
 }
 
 .oe_span4 {
-  width: 309px;
+  width: 33.33333%;
 }
 
 .oe_span3 {
-  width: 232px;
+  width: 25%;
 }
 
 .oe_span2 {
-  width: 154px;
+  width: 16.66667%;
 }
 
 [class*='oe_span'].oe_fit {
@@ -162,28 +161,28 @@
   width: auto;
 }
 .oe_row.oe_flex .oe_span12 {
-  max-width: 928px;
+  max-width: 100%;
 }
 .oe_row.oe_flex .oe_span10 {
-  max-width: 769px;
+  max-width: 83.33333%;
 }
 .oe_row.oe_flex .oe_span9 {
-  max-width: 692px;
+  max-width: 75%;
 }
 .oe_row.oe_flex .oe_span8 {
-  max-width: 614px;
+  max-width: 66.66667%;
 }
 .oe_row.oe_flex .oe_span6 {
-  max-width: 460px;
+  max-width: 50%;
 }
 .oe_row.oe_flex .oe_span4 {
-  max-width: 305px;
+  max-width: 33.33333%;
 }
 .oe_row.oe_flex .oe_span3 {
-  max-width: 228px;
+  max-width: 25%;
 }
 .oe_row.oe_flex .oe_span2 {
-  max-width: 150px;
+  max-width: 16.66667%;
 }
 
 .oe_mb0 {

odoo/addons/base/static/src/css/description.sass

@@ -86,11 +86,11 @@ $v8_anchor_visited_color: rgb(91, 40, 79)
 
 .oe_page
   margin: 0px auto 64px auto
-  max-width: 992px
+  max-width: 100%
 
 
 .oe_row
-  width: 928px
+  width: 100%
   margin-top: 16px
   margin-bottom: 16px
   margin-left: auto
@@ -107,14 +107,14 @@ $v8_anchor_visited_color: rgb(91, 40, 79)
   line-height: 0
   height: 0
 
-$oe_span12_width: 928px
-$oe_span10_width: 773px
-$oe_span9_width:  696px
-$oe_span8_width:  618px
-$oe_span6_width:  464px
-$oe_span4_width:  309px
-$oe_span3_width:  232px
-$oe_span2_width:  154px
+$oe_span12_width: 100%
+$oe_span10_width: 83.33333333%
+$oe_span9_width:  75%
+$oe_span8_width:  66.66666667%
+$oe_span6_width:  50%
+$oe_span4_width:  33.33333333%
+$oe_span3_width:  25%
+$oe_span2_width:  16.66666667%
 
 [class*='oe_span']
   float: left
@@ -155,19 +155,19 @@ $oe_span2_width:  154px
   .oe_span12
     max-width: $oe_span12_width
   .oe_span10
-    max-width: ($oe_span10_width +-4px)
+    max-width: $oe_span10_width
   .oe_span9
-    max-width: ($oe_span9_width +-4px)
-  .oe_span8 
-    max-width: ($oe_span8_width +-4px)
+    max-width: $oe_span9_width
+  .oe_span8
+    max-width: $oe_span8_width
   .oe_span6
-    max-width: ($oe_span6_width +-4px)
+    max-width: $oe_span6_width
   .oe_span4
-    max-width: ($oe_span4_width +-4px)
+    max-width: $oe_span4_width
   .oe_span3
-    max-width: ($oe_span3_width +-4px)
+    max-width: $oe_span3_width
   .oe_span2
-    max-width: ($oe_span2_width +-4px)
+    max-width: $oe_span2_width
 
 .oe_mb0
   margin-bottom: 0px !important