studio improvement, fixe #537

2019-12-02 19:38:48 +01:00
parent 4d89162957
commit 55f7def7cb
7 changed files with 137 additions and 40 deletions
@@ -1220,9 +1220,15 @@ main[role="main"]{
        margin:0; padding:0;
        line-height: 1.2;
      }
+      ul{
+        display: grid;
+        grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) );
+      }
      li{
-        display: inline-block; vertical-align: top;
-        width:49%; margin-bottom: 0.5em;
+        // grid-auto-flow: row;
+        // display: inline-block; vertical-align: top;
+        // width:32%;
+        margin-bottom: 0.3em;
        white-space: nowrap;
        >div{
          display:inline-block;
@@ -1231,8 +1237,14 @@ main[role="main"]{
            cursor:grab;
          }
        }
-        .entrees{
-          @include entree-micro-square;
+        .chutier-icon{
+          display: inline-block;
+          width:0.7em; height:0.7em;
+          margin-right: 0.3em;
+          opacity: 0.8;
+          &.on-compo{
+            background-image: url(../img/favori-oncompo.svg);
+          }
        }
        a.audio-link{
          // text-transform: capitalize;
@@ -1240,10 +1252,9 @@ main[role="main"]{
          margin-right: 0.5em;
          white-space: normal;
        }
-        .chutier-icon{
-          display: inline-block;
-          width:0.7em; height:0.7em;
-          opacity: 0.8;
+        .entrees{
+          display:inline-block;
+          @include entree-micro-square;
        }
      }