fix(github-releases): Provide all files, also some minor adjustments …

…to bundling and styling

scripts/deploy-release.sh

@@ -1,3 +1,8 @@
 #!/bin/sh
-echo "Publishing to Github Releases"
-publish-release --token $GITHUB_TOKEN --owner $CIRCLE_PROJECT_USERNAME --repo $CIRCLE_PROJECT_REPONAME --tag $CIRCLE_TAG --assets dist/* --name "Podlove Web Player"  --notes " "
+
+ASSETS_DIRECTORY=dist/*.*
+
+FILES=$(ls -m $ASSETS_DIRECTORY | sed -e "s/, /,/g")
+
+# echo "Publishing to Github Releases"
+publish-release --token $GITHUB_TOKEN --owner $CIRCLE_PROJECT_USERNAME --repo $CIRCLE_PROJECT_REPONAME --tag $CIRCLE_TAG --assets $FILES --name "Podlove Web Player"  --notes " "

src/components/shared/Button.vue

@@ -1,5 +1,5 @@
 <template>
-  <button :style="buttonStyle(color)" class="button" @click="click && click()" v-else><slot></slot></button>
+  <button :style="buttonStyle(color)" class="button" @click="click && click()"><slot></slot></button>
 </template>
 
 <script>

src/components/tabs/share/ShareDownload.vue

@@ -13,7 +13,7 @@
           <div></div>
           <div>
             <label class="input-label">{{ $t('SHARE.LABELS.TYPE') }}</label>
-            <select class="share-input" v-on:change="switchAudioType">
+            <select class="input-select" v-on:change="switchAudioType">
               <option v-for="option in share.download.files" v-bind:value="option.file" :selected="activeAudioType(share.download.files) === option.type">
                 {{ option.type }}
               </option>

src/components/tabs/share/ShareEmbed.vue

@@ -18,7 +18,7 @@
         </div>
         <div class="share-config--size">
           <label class="input-label">{{ $t('SHARE.LABELS.SIZE') }}</label>
-          <select class="share-input" v-model="share.embed.size" v-on:change="setEmbedSize(share.embed.size)">
+          <select class="input-select" v-model="share.embed.size" v-on:change="setEmbedSize(share.embed.size)">
             <option v-for="option in share.embed.availableSizes" v-bind:value="option">
               {{ option }}
             </option>

src/styles/_inputs.scss

@@ -1,14 +1,17 @@
 @import 'variables';
 @import 'utils';
-$input-height: 35px;
+$input-group-height: 35px;
+$input-height: 25px;
+$input-secondary-height: 1em;
 $addon-button-width: 60px;
+$share-width: 80px;
 $slider-button-size: 30px;
 
 .input-element {
   padding: $padding;
 
   .title {
-    margin-top: 0;
+    margin: ($margin / 2) 0;
   }
 }
 
@@ -25,19 +28,19 @@ $slider-button-size: 30px;
   border-color: rgba($accent-color, 0.8);
   border-width: 1px;
   border-radius: 2px;
+  height: $input-height;
 }
 
 .input-label {
-  display: inline-block;
-  line-height: 1em;
+  vertical-align: middle;
 }
 
 .input-button {
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
-  height: $input-height;
+  height: $input-group-height;
   border: 1px solid rgba($accent-color, 0.8);
   opacity: 1;
   font-size: 0.8em;
@@ -53,7 +56,7 @@ $slider-button-size: 30px;
     border-radius: 2px 0 0 2px;
     font-size: 1em;
     border-width: 1px 0 1px 1px;
-    height: $input-height;
+    height: $input-group-height;
   }
   .input-button {
     width: $addon-button-width;
@@ -77,3 +80,13 @@ $slider-button-size: 30px;
   width: $slider-button-size;
   margin-right: $margin / 2;
 }
+
+.input-select {
+  border: 1px solid;
+  border-color: rgba($accent-color, 0.8);
+  border-radius: 0;
+  background: $background-color;
+  width: $share-width;
+  padding: $padding / 4;
+  height: $input-height;
+}

src/webpack.config.js

@@ -90,7 +90,7 @@ if (process.env.NODE_ENV === 'production') {
       minChunks: Infinity
     }),
     new webpack.optimize.UglifyJsPlugin({
-      sourceMap: true,
+      sourceMap: false,
       compress: {
         warnings: false
       }