expo, added squares to entrees on player

web/themes/custom/edlptheme/assets/styles/app.scss

@@ -54,6 +54,42 @@
   }
 }
 
+@mixin entree-micro-square-expo-player{
+  white-space: nowrap;
+  // line-height: 0;
+  span.entree{
+    display:inline-block;
+    &:before{
+      content:"";
+      display:inline-block;
+      $s:6px;
+      width:$s; height:$s;
+      background-color: black;
+      margin-right: 2px;
+    }
+    &[tid='134']:before{background-color: var(--e-col-134);}
+    &[tid='121']:before{background-color: var(--e-col-121);}
+    &[tid='125']:before{background-color: var(--e-col-125);}
+    &[tid='119']:before{background-color: var(--e-col-119);}
+    &[tid='132']:before{background-color: var(--e-col-132);}
+    &[tid='122']:before{background-color: var(--e-col-122);}
+    &[tid='129']:before{background-color: var(--e-col-129);}
+    &[tid='120']:before{background-color: var(--e-col-120);}
+    &[tid='130']:before{background-color: var(--e-col-130);}
+    &[tid='118']:before{background-color: var(--e-col-118);}
+    &[tid='127']:before{background-color: var(--e-col-127);}
+    &[tid='133']:before{background-color: var(--e-col-133);}
+    &[tid='128']:before{background-color: var(--e-col-128);}
+    &[tid='124']:before{background-color: var(--e-col-124);}
+    &[tid='116']:before{background-color: var(--e-col-116);}
+    &[tid='117']:before{background-color: var(--e-col-117);}
+    &[tid='131']:before{background-color: var(--e-col-131);}
+    &[tid='126']:before{background-color: var(--e-col-126);}
+    &[tid='123']:before{background-color: var(--e-col-123);}
+
+  }
+}
+
 @mixin btn {
   padding: 3px;
   background-color: white;
@@ -1140,15 +1176,23 @@ main[role="main"]{
         margin:0;
       }
 
-      .cartels .first-cartel h2.node-title{
-        margin:0;
-      }
-      .entrees{
-        span.entree:after{
-          content: attr(title);
-          font-size: 0.75em;
+      .cartels .first-cartel{
+        h2.node-title{
+          margin:0;
+        }
+        .entrees{
+          font-size: 1em;
+          @include entree-micro-square-expo-player;
+          span.entree{
+            &:after{
+              content: attr(title);
+              font-size: 0.75em;
+              font-variant: small-caps;
+            }
+          }
         }
       }
+
     }
     * {
       background-color: transparent;