TD-1943 adding header and aligning the header in the mobile view of cookie policy

Author: sherif-olaboye

DigitalLearningSolutions.Data.Migrations/2023090611401334_updateCookiePolicyContentHtml.cs

@@ -7,7 +7,7 @@
 
 namespace DigitalLearningSolutions.Data.Migrations
 {
-    [Migration(202309061452)]
+    [Migration(202309131452)]
 
     public class UpdateCookiePolicyContentHtml : Migration
     {

DigitalLearningSolutions.Data.Migrations/Properties/Resources.Designer.cs

@@ -301,10 +301,10 @@
   <data name="TermsConditions" type="System.Resources.ResXFileRef, System.Windows.Forms">
     <value>..\Resources\TermsConditions.txt;System.String, mscorlib, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089;Windows-1252</value>
   </data>
-  <data name="TD_1943_CookiePolicyContentHtml" type="System.Resources.ResXFileRef, System.Windows.Forms">
-    <value>..\Resources\TD_1943_CookiePolicyContentHtml.txt;System.String, mscorlib, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089;Windows-1252</value>
-  </data>
   <data name="TD_1943_CookiePolicyContentHtmlOldRecord" type="System.Resources.ResXFileRef, System.Windows.Forms">
     <value>..\Resources\TD_1943_CookiePolicyContentHtmlOldRecord.txt;System.String, mscorlib, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089;Windows-1252</value>
   </data>
+  <data name="TD_1943_CookiePolicyContentHtml" type="System.Resources.ResXFileRef, System.Windows.Forms">
+    <value>..\Resources\TD_1943_CookiePolicyContentHtml.txt;System.String, mscorlib, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089;Windows-1252</value>
+  </data>
 </root>

DigitalLearningSolutions.Data.Migrations/Properties/Resources.resx

@@ -1,4 +1,5 @@
-<div class=nhsuk-u-reading-width>
+
+  <div class=nhsuk-u-reading-width>
 <h2>What are cookies?</h2>
 <p>Cookies are files saved on your phone, tablet or computer when you visit a website.</p>
 <p>They store information about how you use the website, such as the pages you visit.</p>
@@ -10,7 +11,7 @@
 </li>
 </ul>
 <p>We do not use any other cookies, for example, cookies that remember your settings or cookies that help with health campaigns.</p>
-<p>We sometimes use tools on other organisations'' websites to collect data or to ask for feedback. These tools set their own cookies.</p>
+<p>We sometimes use tools on other organisations' websites to collect data or to ask for feedback. These tools set their own cookies.</p>
 <h2>Cookies that make our website work</h2><p>We use cookies to keep our website secure and fast.</p></div>
 <details class="nhsuk-details">
 <summary class="nhsuk-details__summary">
@@ -37,7 +38,7 @@ ASP.NET_SessionId</td>
 <a href=http://www.dls.nhs.uk/ data-cke-saved-href=http://www.dls.nhs.uk/ title=http://www.dls.nhs.uk>www.dls.nhs.uk</a></td>
 <td class="nhsuk-table__cell" data-label="Purpose" role="cell">
 <span class="nhsuk-table-responsive__heading">Purpose</span>
-Used to remember the users'' session on the web server.</td>
+Used to remember the users' session on the web server.</td>
 <td class="nhsuk-table__cell" data-label="Expiry" role="cell">
  <span class="nhsuk-table-responsive__heading">Expiry</span>
 When you close the browser</td>
@@ -54,7 +55,7 @@ When you close the browser</td>
 Remembers your login user details.</td>
 <td class="nhsuk-table__cell" data-label="Expiry" role="cell">
 <span class="nhsuk-table-responsive__heading">Expiry</span>
-When you close the browser or after 14 days if you tick “Remember me” when logging in</td>
+When you close the browser or after 14 days if you tick “Remember me” when logging in</td>
 </tr>
 <tr class="nhsuk-table__row" role="row">
 <td class="nhsuk-table__cell" data-label="Cookie name"role="cell"><span class="nhsuk-table-responsive__heading">Cookie name</span>.AspNetCore.Antiforgery.KCJdAkfXyjI</td>
@@ -102,8 +103,8 @@ When you close the browser (if you do not use the banner) or 1 year (if you use
 <p><a href=http://www.dls.nhs.uk/ data-cke-saved-href=http://www.dls.nhs.uk/ title=http://www.dls.nhs.uk>www.dls.nhs.uk</a></td>
 <td class="nhsuk-table__cell" data-label="Purpose" role="cell">
 <span class="nhsuk-table-responsive__heading">Purpose</span>
-<p>Several of these are used to remember your filter selections when using the application. Including:
-<ul><li>AdminFilter<li>DelegateFilter<li>DelegateGroupsFilter<li>CourseFilter</ul></td>
+<div><p>Several of these are used to remember your filter selections when using the application. Including:
+<ul><li>AdminFilter<li>DelegateFilter<li>DelegateGroupsFilter<li>CourseFilter</ul></div></td>
 <td class="nhsuk-table__cell" data-label="Expiry" role="cell">
 <span class="nhsuk-table-responsive__heading">Expiry</span>5 months </td>
 </tr>
@@ -126,7 +127,7 @@ Legacy tracking system cookies</td>
 <p><a href=http://www.dls.nhs.uk/ data-cke-saved-href=http://www.dls.nhs.uk/ title=http://www.dls.nhs.uk>www.dls.nhs.uk</a></td>
 <td class="nhsuk-table__cell" data-label="Purpose" role="cell">
 <span class="nhsuk-table-responsive__heading">Purpose</span>
-<p>Several of these are used to remember your grid search, filter and sort selections when using the legacy applications. Including:<ul><li>cms_courses_aspx_MainContent_<ul><li>bsgvCourses</ul><li>tracking_tickets_aspx_MainContent_<ul><li>bsgvTickets<li>bsgvCentreDelegates<li>bsgvCustomisations<li>bsgvAdminUsers<li>bsgvSuperviseDelegates</ul></ul></td>
+<div><p>Several of these are used to remember your grid search, filter and sort selections when using the legacy applications. Including:<ul><li>cms_courses_aspx_MainContent_<ul><li>bsgvCourses</ul><li>tracking_tickets_aspx_MainContent_<ul><li>bsgvTickets<li>bsgvCentreDelegates<li>bsgvCustomisations<li>bsgvAdminUsers<li>bsgvSuperviseDelegates</ul></ul></div></td>
 <td class="nhsuk-table__cell" data-label="Expiry" role="cell"><span class="nhsuk-table-responsive__heading">Expiry</span>12 months</td>
 </tr>
 <tr class="nhsuk-table__row" role="row">
@@ -172,7 +173,7 @@ Google analytics cookies</td>
 <a href=http://www.dls.nhs.uk/ data-cke-saved-href=http://www.dls.nhs.uk/ title=http://www.dls.nhs.uk>www.dls.nhs.uk</a></td>
 <td class="nhsuk-table__cell" data-label="Purpose" role="cell">
 <span class="nhsuk-table-responsive__heading">Purpose</span>
-<p>These cookies are used to collect information about how visitors use our site, which we use to help improve it. The cookies collect information in an anonymous form, including the number of visitors to the site, where visitors have come to the site from and the pages they visited. These cookies may also be identified as originating from england.nhs.uk<p>These include cookies with names starting "_ga"<p><a href=http://www.google.com/intl/en-GB/policies/technologies/cookies/ >More information about Google cookies</a>.</td>
+<div><p>These cookies are used to collect information about how visitors use our site, which we use to help improve it. The cookies collect information in an anonymous form, including the number of visitors to the site, where visitors have come to the site from and the pages they visited. These cookies may also be identified as originating from england.nhs.uk<p>These include cookies with names starting "_ga"<p><a href=http://www.google.com/intl/en-GB/policies/technologies/cookies/ >More information about Google cookies</a>.</div></td>
 <td class="nhsuk-table__cell" data-label="Expiry" role="cell"><span class="nhsuk-table-responsive__heading">Expiry</span>13 months</td>
 </tr>
 <tr class="nhsuk-table__row" role="row">
@@ -184,7 +185,7 @@ Hotjar cookies</td>
 <a href=http://www.dls.nhs.uk/ data-cke-saved-href=http://www.dls.nhs.uk/ title=http://www.dls.nhs.uk>www.dls.nhs.uk</a></td>
 <td class="nhsuk-table__cell" data-label="Purpose" role="cell">
 <span class="nhsuk-table-responsive__heading">Purpose</span>
-<p>Hotjar Tracking Code cookies are set on a visitor''s browser when they visit a website that loads the Hotjar Tracking Code. These cookies allow the Hotjar Tracking Code to function correctly. Apart from cookies, the Hotjar Tracking Code uses local and session storage as well.<p>These include cookies with names starting "_hj".<p><a href=https://help.hotjar.com/hc/en-us/articles/6952777582999-Cookies-Set-by-the-Hotjar-Tracking-Code>More information about Hotjar cookies</a>.</td>
+<div><p>Hotjar Tracking Code cookies are set on a visitor's browser when they visit a website that loads the Hotjar Tracking Code. These cookies allow the Hotjar Tracking Code to function correctly. Apart from cookies, the Hotjar Tracking Code uses local and session storage as well.<p>These include cookies with names starting "_hj".<p><a href=https://help.hotjar.com/hc/en-us/articles/6952777582999-Cookies-Set-by-the-Hotjar-Tracking-Code>More information about Hotjar cookies</a>.</div></td>
 <td class="nhsuk-table__cell" data-label="Expiry" role="cell">
 <span class="nhsuk-table-responsive__heading">Expiry</span>1 year</td>
 </tr>

DigitalLearningSolutions.Data.Migrations/Resources/TD_1943_CookiePolicyContentHtml.txt

@@ -10,8 +10,12 @@
             word-break: break-word;
         }
 
+        .nhsuk-table-responsive .nhsuk-table__body .nhsuk-table-responsive__heading {
+            min-width: 90px
+        }
         .nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row td {
-            display: block;
+            justify-content: flex-start;
+            text-align: left;
         }
     }
 </style>