reworked on footer & removed github icon

src/presentation/TheFooter/DownloadUrlList.vue

@@ -1,6 +1,11 @@
 <template>
-  <span v-bind:class="{ 'unsupported': !hasCurrentOsDesktopVersion, 'supported': hasCurrentOsDesktopVersion }">
-    For desktop:
+  <span 
+    class="container"
+    v-bind:class="{ 'container_unsupported': !hasCurrentOsDesktopVersion, 'container_supported': hasCurrentOsDesktopVersion }">
+    <span class="description">
+      <font-awesome-icon class="description__icon" :icon="['fas', 'desktop']"  />
+      <span class="description__text">For desktop:</span>
+    </span>
     <span class="urls">
       <span class="urls__url" v-for="os of supportedDesktops" v-bind:key="os">
         <DownloadUrlListItem :operatingSystem="os" />
@@ -33,15 +38,31 @@ export default class DownloadUrlList extends Vue {
 </script>
 
 <style scoped lang="scss">
-.unsupported {
-  font-size: 0.85em;
-}
-.supported {
-  font-size: 1em;
+@import "@/presentation/styles/media.scss";
+
+.container {
+  display:flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  &_unsupported {
+    opacity: 0.9;
+  }
+  &_supported {
+    font-size: 1em;
+  }
+  .description {
+    &__icon {
+      margin-right: 0.5em;
+    }
+    &__text {
+      margin-right: 0.3em;
+    }
+  }
 }
 .urls {
   &__url {
     &:not(:first-child)::before {
+      opacity: 0.5;
       content: "|";
       font-size: 0.6rem;
       padding: 0 5px;