From 8a2c2ae0f5236a87727abf66c9ae6b5d2ecb7118 Mon Sep 17 00:00:00 2001
From: "Collin M. Barrett" <collinbarrett@users.noreply.github.com>
Date: Sat, 15 Sep 2018 22:51:23 -0500
Subject: [PATCH] tidies for software icons in detailsExpander

ref #429
---
 .../MappingProfiles/ListSyntaxDtoMappingProfile.cs          | 3 ++-
 .../home/components/detailsExpander/infoCard/InfoCard.tsx   | 6 ++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/FilterLists.Services/FilterList/MappingProfiles/ListSyntaxDtoMappingProfile.cs b/src/FilterLists.Services/FilterList/MappingProfiles/ListSyntaxDtoMappingProfile.cs
index ae720c35e..f927daae2 100644
--- a/src/FilterLists.Services/FilterList/MappingProfiles/ListSyntaxDtoMappingProfile.cs
+++ b/src/FilterLists.Services/FilterList/MappingProfiles/ListSyntaxDtoMappingProfile.cs
@@ -11,6 +11,7 @@ public class ListSyntaxDtoMappingProfile : Profile
     {
         public ListSyntaxDtoMappingProfile() =>
             CreateMap<Syntax, ListSyntaxDto>()
-                .ForMember(d => d.SupportedSoftware, o => o.MapFrom(s => s.SoftwareSyntaxes.Select(ss => ss.Software)));
+                .ForMember(d => d.SupportedSoftware,
+                    o => o.MapFrom(s => s.SoftwareSyntaxes.Select(ss => ss.Software).OrderBy(sw => sw.Name)));
     }
 }
\ No newline at end of file
diff --git a/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/InfoCard.tsx b/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/InfoCard.tsx
index 69da08558..90f2ca226 100644
--- a/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/InfoCard.tsx
+++ b/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/InfoCard.tsx
@@ -11,7 +11,6 @@ import { Syntax } from "./Syntax";
 import { Tags } from "./Tags";
 import { UpdatedDate } from "./UpdatedDate";
 
-
 interface IProps {
     description: string;
     descriptionSourceUrl: string;
@@ -31,7 +30,10 @@ export const InfoCard = (props: IProps) => {
                <Tags tags={props.tags}/>
                <div className="d-md-none">
                    {props.syntax.supportedSoftware.map(
-                       (s: ISyntaxSupportedSoftwareDto, i: any) => <SoftwareIcon id={s.id} key={i}/>)}
+                       (s: ISyntaxSupportedSoftwareDto, i: any) =>
+                       <a href={s.homeUrl} title={`View ${s.name}'s homepage.`} key={i}>
+                           <SoftwareIcon id={s.id} key={i}/>
+                       </a>)}
                </div>
                <Description {...props} url={props.descriptionSourceUrl}/>
                <ul className="list-group list-group-flush">