From 498b4a882076cc35460f9f166579dc278d17caf0 Mon Sep 17 00:00:00 2001
From: Imre Kristoffer Eilertsen <imreeil42@gmail.com>
Date: Sat, 6 Apr 2019 02:38:20 +0200
Subject: [PATCH] Polishing of UI changes (#745)

* Moving on to another date format possibility

* Corrected TPL subscription links

* Update site.css

* This can't be a good sign
---
 .../home/components/detailsExpander/infoCard/UpdatedDate.tsx | 5 +++--
 .../modules/home/components/linkButtons/SubscribeButton.tsx  | 4 ++--
 src/FilterLists.Web/ClientApp/site.css                       | 1 +
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/UpdatedDate.tsx b/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/UpdatedDate.tsx
index 9eef5cb64..ceee95543 100644
--- a/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/UpdatedDate.tsx
+++ b/src/FilterLists.Web/ClientApp/modules/home/components/detailsExpander/infoCard/UpdatedDate.tsx
@@ -1,4 +1,5 @@
 import * as React from "react";
+import * as moment from "moment";
 
 interface IProps {
     updatedDate: string;
@@ -7,8 +8,8 @@ interface IProps {
 export const UpdatedDate = (props: IProps) =>
     props.updatedDate
     ? <li className="list-group-item">
-          <p>Updated: (props.updatedDate).isValid()
-                           ? (props.updatedDate)Intl.DateTimeFormat().format(date)
+          <p>Updated: {moment(props.updatedDate).isValid()
+                           ? moment(props.updatedDate).local().format("l")
                            : "N/A"}</p>
       </li>
     : null;
diff --git a/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/SubscribeButton.tsx b/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/SubscribeButton.tsx
index 6374fd697..15e0c462a 100644
--- a/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/SubscribeButton.tsx
+++ b/src/FilterLists.Web/ClientApp/modules/home/components/linkButtons/SubscribeButton.tsx
@@ -22,7 +22,7 @@ export const SubscribeButton = (props: IProps) => {
         titlePrefix = "";
     }
     
-    const hrefTitle = `&amp;title=${encodeURIComponent(props.name)}`;
+    const hrefTitle = `${encodeURIComponent(props.name)}`;
     let href;
 if (props.url.indexOf(".tpl") > 0) 
 {
@@ -31,7 +31,7 @@ if (props.url.indexOf(".tpl") > 0)
 {
     href = `x-littlesnitch:subscribe-rules?url=${encodeURIComponent(props.url)}`;
 } else {
-    href = `abp:subscribe?location=${encodeURIComponent(props.url)}${hrefTitle}`;
+    href = `abp:subscribe?location=${encodeURIComponent(props.url)}&amp;title=${hrefTitle}`;
 };
     let title;
 if (props.url.indexOf(".tpl") > 0) 
diff --git a/src/FilterLists.Web/ClientApp/site.css b/src/FilterLists.Web/ClientApp/site.css
index 87aa8c31c..92db0e3e2 100644
--- a/src/FilterLists.Web/ClientApp/site.css
+++ b/src/FilterLists.Web/ClientApp/site.css
@@ -1,2 +1,3 @@
 body, h2, h3, h4, h5, blockquote { font-size: 16px; }
 .container{ max-width:98vw!important;padding-left:7px!important }
+.w-100{ padding-left:7px!important }