Merge pull request #865 from endlessm/725-fix-get-button

Fix "Get Endless Key" button

Author: jprvita

kolibri_explore_plugin/assets/src/components/DiscoveryNavBar.vue

@@ -28,6 +28,8 @@
     <b-navbar-nav>
       <b-button
         v-if="showStoreButtons"
+        class="align-self-center"
+        variant="endless-orange"
         size="sm"
         pill
         @click="toBottom"

packages/ek-components/src/components/EkPlayButton.vue

@@ -3,7 +3,7 @@
     pill
     :size="size"
     :block="block"
-    :variant="`${kind}-${variant}`"
+    variant="gray-primary"
     :disabled="buttonDisabled"
     class="pb-1 pl-1 pt-1 text-nowrap"
     @click.stop.prevent="$emit('click')"
@@ -50,10 +50,6 @@ export default {
       type: String,
       default: '',
     },
-    variant: {
-      type: String,
-      default: 'primary',
-    },
     size: {
       type: String,
       default: 'sm',

packages/ek-components/src/styles.scss

@@ -34,13 +34,8 @@ $modal-backdrop-opacity: 0.8;
 $app-body-overflow: scroll;
 
 $theme-colors: (
-  "bundle": $gray-400,
-  "audio": $gray-400,
-  "document": $gray-400,
-  "exercise": $gray-400,
-  "html5": $gray-400,
-  "zim": $gray-400,
-  "video": $gray-400,
+  "gray": $gray-400,
+  "endless-orange": $endless-orange,
 );
 
 $card-border-width: 0;