Fix broken LicenseIcons usage, update styling

Author: Ari

src/components/HelpSection.vue

@@ -190,7 +190,7 @@
                         </tr>
                         <tr>
                             <th>{{ $t('help.how-licenses-communicated.license-icons') }}</th>
-                            <td><LicenseIconography :icon-list="['', 'by', 'nc']" /></td>
+                            <td><LicenseIcons :icons-arr="['by', 'nc']" /></td>
                         </tr>
                     </tbody>
                 </table>

src/components/LicenseIcons.vue

@@ -8,12 +8,16 @@
     >
         <img
             class="photo-license-icon"
+            alt="CC icon"
+            title="CC icon"
             src="../assets/license-icons/cc_icon.svg"
         >
         <img
             v-for="(license, index) in iconsArr"
             :key="index"
             class="photo-license-icon"
+            :alt="license + ' icon'"
+            :title="license + ' icon'"
             :src="require(`../assets/license-icons/cc-${license.toLowerCase()}_icon.svg`)"
         >
     </a>
@@ -34,7 +38,8 @@ export default LicenseIcons
         margin-right:3px;
     }
     .photo-license-icon {
-      height: inherit;
-      margin-left: 3px;
+      height: 2rem;
+      width: auto;
+      margin-right: 3px;
     }
 </style>