From ff23563e1e8b667b9621a1c53c0f798f8ceffbce Mon Sep 17 00:00:00 2001
From: stayseesong <STACY.S.SONG@GMAIL.COM>
Date: Tue, 7 Nov 2023 17:03:47 -0800
Subject: [PATCH] fixed table

---
 src/_sass/components/_markdown.scss           |  6 ++
 .../javascript/cookie-validity-update.md      | 57 ++++++++++++++++---
 2 files changed, 56 insertions(+), 7 deletions(-)

diff --git a/src/_sass/components/_markdown.scss b/src/_sass/components/_markdown.scss
index c89303d54e..9163332f61 100644
--- a/src/_sass/components/_markdown.scss
+++ b/src/_sass/components/_markdown.scss
@@ -246,6 +246,12 @@
     }
   }
 
+  table.horizontal-scroll {
+    display: block;
+    overflow-x: auto;
+    white-space: nowrap;
+  }
+
   table.settings {
     width: 100%;
     table-layout: fixed;
diff --git a/src/connections/sources/catalog/libraries/website/javascript/cookie-validity-update.md b/src/connections/sources/catalog/libraries/website/javascript/cookie-validity-update.md
index 0dcaffd822..102b86e662 100644
--- a/src/connections/sources/catalog/libraries/website/javascript/cookie-validity-update.md
+++ b/src/connections/sources/catalog/libraries/website/javascript/cookie-validity-update.md
@@ -132,13 +132,56 @@ When `disableClientPersistence` is set to `true`, Analytics.js won't store any p
 
 To access or assign a value to a cookie outside of the standard Segment methods (track/identify/page/group), you can use the following methods. To access the cookie's value, pass an empty `()` at the end of the method. To assign the value, include the string value inside those parenthesis, for example, `('123-abc')`. To clear or remove the value for a specific field, pass in an empty value of its type. For example, for string `('')`, or for object `({})`.
 
-| Field | Cookie Name | Analytics.js Method | Local Storage Method | Set Example | Clear Example |
-| ----- | ----------- | ------------------- | -------------------- | --------------- | ------------- |
-| `userId` | `ajs_user_id` | `analytics.user().id();` | `window.localStorage.ajs_user_id` | `analytics.user().id('123-abc');` | `analytics.user().id('');` |
-| `anonymousId` | `ajs_anonymous_id` | `analytics.user().anonymousId();` | `window.localStorage.ajs_anonymous_id` | `analytics.user().anonymousId('333-abc-456-dfg');` | `analytics.user().anonymousId('');` |
-| `user traits` | `ajs_user_traits` | `analytics.user().traits();` | `window.localStorage.ajs_user_traits` | `analytics.user().traits({firstName:'Jane'});` | `analytics.user().traits({});` |
-| `groupId` | `ajs_group_id` | `analytics.group().id();` | `window.localStorage.ajs_group_id` | `analytics.group().id('777-qwe-098');` | `analytics.group().id('');` |
-| `group traits` | `ajs_group_properties` | `analytics.group().traits()` | `window.localStorage.ajs_group_properties` | `analytics.group().traits({name:'Segment'})` | `analytics.group().traits({})` |
+<table class="horizontal-scroll">
+  <tr style="background-color: #fafbff; font-size: 10px;">
+    <th>FIELD</th>
+    <th>COOKIE NAME</th>
+    <th>ANALYTICS.JS METHOD</th>
+    <th>LOCAL STORAGE METHOD</th>
+    <th>SET EXAMPLE</th>
+    <th>CLEAR EXAMPLE</th>
+  </tr>
+  <tr>
+    <td>`userId`</td>
+    <td>`ajs_user_id`</td>
+    <td>`analytics.user().id();`</td>
+    <td>`window.localStorage.ajs_user_id`</td>
+    <td>`analytics.user().id('123-abc');`</td>
+    <td>`analytics.user().id('');` </td>
+  </tr>
+ <tr>
+    <td>`anonymousId`</td>
+    <td>`ajs_anonymous_id`</td>
+    <td>`analytics.user().anonymousId();`</td>
+    <td>`window.localStorage.ajs_anonymous_id`</td>
+    <td>`analytics.user().anonymousId('333-abc-456-dfg');`</td>
+    <td>`analytics.user().anonymousId('');`</td>
+  </tr>
+  <tr>
+    <td>`user traits`</td>
+    <td>`ajs_user_traits`</td>
+    <td>`analytics.user().traits();`</td>
+    <td>`window.localStorage.ajs_user_traits`</td>
+    <td>`analytics.user().traits({firstName:'Jane'});`</td>
+    <td>`analytics.user().traits({});`</td> 
+  </tr>
+  <tr>
+    <td>`groupId`</td>
+    <td>`ajs_group_id`</td>
+    <td>`analytics.group().id();`</td>
+    <td>`window.localStorage.ajs_group_id`</td>
+    <td>`analytics.group().id('777-qwe-098');`</td>
+    <td>`analytics.group().id('');`</td>
+  </tr>
+  <tr>
+    <td>`group traits`</td>
+    <td>`ajs_group_properties`</td>
+    <td>`analytics.group().traits()`</td>
+    <td>`window.localStorage.ajs_group_properties`</td>
+    <td>`analytics.group().traits({name:'Segment'})`</td>
+    <td>`analytics.group().traits({})`</td>
+  </tr>
+</table>
 
 ## Storage Priority