Merge pull request #153 from akeneo/product-model-on-home

Add link to product models on homepage and correct entities links layout

Author: NolwennP

src/index.handlebars

@@ -128,55 +128,53 @@
             <div class="col-xs-12 col-lg-offset-2 col-lg-8">
                 <h3 class="text-center">Community & Enterprise Editions</h3>
                 <div class="row">
-                    <div class="col-xs-12">
-                        <a href="/api-reference-index.html#Products" class="link-resource center-block">
-                            <img class="center-block" width="200px" src="img/illustrations/illus--Products.svg"></img>
+                    <div class="col-xs-12 access-resources">
+                        <a href="/api-reference-index.html#Products" class="link-resource">
+                            <img class="img-responsive center-block" src="img/illustrations/illus--Products.svg"></img>
                             <p class="text-center">Product</p>
                         </a>
-                    </div>
-                    <div class="col-xs-12 access-resources">
+                        <a href="/api-reference-index.html#Productmodels" class="link-resource">
+                            <img class="img-responsive center-block" src="img/illustrations/illus--Productmodels.svg"></img>
+                            <p class="text-center">Product model</p>
+                        </a>
                         <a href="/api-reference-index.html#Categories" class="link-resource">
-                            <img class="img-responsive" src="img/illustrations/illus--Categories.svg"></img>
+                            <img class="img-responsive center-block" src="img/illustrations/illus--Categories.svg"></img>
                             <p class="text-center">Category</p>
                         </a>
                         <a href="/api-reference-index.html#Families" class="link-resource">
-                            <img class="img-responsive" src="img/illustrations/illus--Families.svg"></img>
+                            <img class="img-responsive center-block" src="img/illustrations/illus--Families.svg"></img>
                             <p class="text-center">Family</p>
                         </a>
                         <a href="/api-reference-index.html#Attributes" class="link-resource">
-                            <img class="img-responsive" src="img/illustrations/illus--Attributes.svg"></img>
+                            <img class="img-responsive center-block" src="img/illustrations/illus--Attributes.svg"></img>
                             <p class="text-center">Attribute</p>
                         </a>
                         <a href="/api-reference-index.html#Attributegroups" class="link-resource">
-                            <img class="img-responsive" src="img/illustrations/illus--Attributegroups.svg"></img>
+                            <img class="img-responsive center-block" src="img/illustrations/illus--Attributegroups.svg"></img>
                             <p class="text-center">Attribute group</p>
                         </a>
                         <a href="/api-reference-index.html#Associationtypes" class="link-resource">
-                            <img class="img-responsive" src="img/illustrations/illus--Associationtypes.svg"></img>
+                            <img class="img-responsive center-block" src="img/illustrations/illus--Associationtypes.svg"></img>
                             <p class="text-center">Association type</p>
                         </a>
-                    </div>
-                </div>
-                <div class="row">
-                    <div class="col-xs-12 access-resources">
                         <a href="/api-reference-index.html#Channels" class="link-resource">
-                            <img class="img-responsive" src="img/illustrations/illus--Channels.svg"></img>
+                            <img class="img-responsive center-block" src="img/illustrations/illus--Channels.svg"></img>
                             <p class="text-center">Channel</p>
                         </a>
                         <a href="/api-reference-index.html#Locales" class="link-resource">
-                            <img class="img-responsive" src="img/illustrations/illus--Locales.svg"></img>
+                            <img class="img-responsive center-block" src="img/illustrations/illus--Locales.svg"></img>
                             <p class="text-center">Locale</p>
                         </a>
                         <a href="/api-reference-index.html#Mediafiles" class="link-resource">
-                            <img class="img-responsive" src="img/illustrations/illus--Mediafiles.svg"></img>
+                            <img class="img-responsive center-block" src="img/illustrations/illus--Mediafiles.svg"></img>
                             <p class="text-center">Media file</p>
                         </a>
                         <a href="/api-reference-index.html#Currencies" class="link-resource">
-                            <img class="img-responsive" src="img/illustrations/illus--Currencies.svg"></img>
+                            <img class="img-responsive center-block" src="img/illustrations/illus--Currencies.svg"></img>
                             <p class="text-center">Currency</p>
                         </a>
                         <a href="/api-reference-index.html#Measurefamilies" class="link-resource">
-                            <img class="img-responsive" src="img/illustrations/illus--Measurefamilies.svg"></img>
+                            <img class="img-responsive center-block" src="img/illustrations/illus--Measurefamilies.svg"></img>
                             <p class="text-center">Measure family</p>
                         </a>
                     </div>

styles/landing-page.less

@@ -2,10 +2,7 @@
     display: flex;
     flex-wrap: wrap;
     a {
-        @media (max-width: @screen-md-max) {
-            min-width: 100px;
-            max-width: 120px;
-        }
+        min-width: 120px;
         margin: 0 @spacing-base/3;
         flex: 1;
     }