@eeacms/volto-clms-theme 1.0.87 → 1.0.90

package/CHANGELOG.md

@@ -4,9 +4,43 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+#### [1.0.90](https://github.com/eea/volto-clms-theme/compare/1.0.89...1.0.90)
+
+- Bugs n improvements [`#249`](https://github.com/eea/volto-clms-theme/pull/249)
+- Develop [`#248`](https://github.com/eea/volto-clms-theme/pull/248)
+- Cookie banner [`#247`](https://github.com/eea/volto-clms-theme/pull/247)
+- controls [`64daf28`](https://github.com/eea/volto-clms-theme/commit/64daf28cc559f771b5cba2c47279fecf2835cef5)
+- download cart fix [`aebb204`](https://github.com/eea/volto-clms-theme/commit/aebb204f9becf3acd79a05fca2ba7360a3e4be07)
+- Sitemap styles [`1ab825e`](https://github.com/eea/volto-clms-theme/commit/1ab825e269742b6dcb84eb3f13682488947dc92c)
+- Home styles review [`095a499`](https://github.com/eea/volto-clms-theme/commit/095a4997942c526714888560c8a512a3eea4193b)
+- merge [`7a5d037`](https://github.com/eea/volto-clms-theme/commit/7a5d037c4f3349fc05e2292a53a4ec9d85598d5e)
+- bugfix [`fb91b11`](https://github.com/eea/volto-clms-theme/commit/fb91b110ca2bab99eec1a11322f15811439368a5)
+- add cookie banner component [`153c86e`](https://github.com/eea/volto-clms-theme/commit/153c86ece175dc5c14072f21708224db03593286)
+- cookie banner [`4fac45d`](https://github.com/eea/volto-clms-theme/commit/4fac45d5d981a3703947d2f27daaa3c90f2f9088)
+
+#### [1.0.89](https://github.com/eea/volto-clms-theme/compare/1.0.88...1.0.89)
+
+> 28 March 2022
+
+- Date formats [`#246`](https://github.com/eea/volto-clms-theme/pull/246)
+- date formats [`e93f97d`](https://github.com/eea/volto-clms-theme/commit/e93f97dfef7c40a8e5639bac07224989df1f5b11)
+- fix texts [`6ed7d77`](https://github.com/eea/volto-clms-theme/commit/6ed7d77257ff65cf0bb0a076766b3a0b8e572edf)
+- profile tab texts [`d619d74`](https://github.com/eea/volto-clms-theme/commit/d619d74929ab99fba5a86444d04d43fcebded70e)
+- HomeProductBlock [`3d006ef`](https://github.com/eea/volto-clms-theme/commit/3d006ef334ed25de782d073e3e7c5d68e4b2a430)
+- add onclick call to homeproductBlock cards [`fcacfc2`](https://github.com/eea/volto-clms-theme/commit/fcacfc2a7ba6cf31f83e9d390e11eaede1a54a53)
+
+#### [1.0.88](https://github.com/eea/volto-clms-theme/compare/1.0.87...1.0.88)
+
+> 24 March 2022
+
+- cart element format [`#245`](https://github.com/eea/volto-clms-theme/pull/245)
+- fix type changing format [`adf5424`](https://github.com/eea/volto-clms-theme/commit/adf542474f4e62a21bbbb009243438e2a53d2662)
+
 #### [1.0.87](https://github.com/eea/volto-clms-theme/compare/1.0.86...1.0.87)
 
-- images condition for lightGallery rendering [`728b2b3`](https://github.com/eea/volto-clms-theme/commit/728b2b32a1470d61a2eabf7d51ef59ea2b9adc33)
+> 23 March 2022
+
+- images condition for lightGallery rendering [`#244`](https://github.com/eea/volto-clms-theme/pull/244)
 
 #### [1.0.86](https://github.com/eea/volto-clms-theme/compare/1.0.85...1.0.86)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-clms-theme",
-  "version": "1.0.87",
+  "version": "1.0.90",
   "description": "volto-clms-theme: Volto theme for CLMS site",
   "main": "src/index.js",
   "author": "CodeSyntax for the European Environment Agency",
@@ -28,9 +28,11 @@
     "@eeacms/volto-clms-utils",
     "@eeacms/volto-react-table-widget",
     "volto-form-block",
-    "@eeacms/volto-taxonomy"
+    "@eeacms/volto-taxonomy",
+    "volto-cookie-banner"
   ],
   "dependencies": {
+    "volto-cookie-banner": "2.1.0",
     "@eeacms/volto-accordion-block": "3.4.13",
     "@eeacms/volto-arcgis-block": "*",
     "@eeacms/volto-clms-utils": "0.1.6",

package/src/components/Blocks/CclHomeProductsBlock/CclHomeProductsBlockView.jsx

@@ -10,11 +10,19 @@ const CclHomeProductsBlockView = (props) => {
       {products?.map((product, index) => (
         <div
           key={index}
+          role="button"
           className={
             product.productIcon === 'iconless'
               ? 'home-product home-product-main'
               : 'home-product'
           }
+          tabIndex={0}
+          onClick={() => {
+            window.location.href = product?.linkSelector || props.path;
+          }}
+          onKeyDown={() => {
+            window.location.href = product?.linkSelector || props.path;
+          }}
           id={product.productIcon === 'iconless' ? '' : product.productIcon}
         >
           {product.productIcon === 'iconless' ? (

package/src/components/Blocks/CclHomeProductsBlock/HomeProductsSchema.js

@@ -53,8 +53,7 @@ export const ProductSchema = () => ({
     },
     linkSelector: {
       title: 'Product link selector',
-      widget: 'object_browser',
-      mode: 'link',
+      type: 'string',
     },
   },
   required: [],

package/src/components/Blocks/CclUseCaseList/CclUseCaseListEdit.jsx

@@ -7,6 +7,7 @@ import { SidebarPortal } from '@plone/volto/components';
 import { UseCaseListSchema } from './UseCaseListSchema';
 import { getProductGroups } from './utils';
 import { searchContent } from '@plone/volto/actions';
+import { cclDateTimeFormat } from '@eeacms/volto-clms-theme/components/CclUtils';
 
 const messages = defineMessages({
   xUseCases: {
@@ -91,9 +92,7 @@ const CclUseCaseListEdit = (props) => {
                         <span>
                           {useCase.topics.map((topic) => topic.title)}
                         </span>
-                        <span>
-                          {new Date(useCase?.effective).toLocaleDateString()}
-                        </span>
+                        <span>{cclDateTimeFormat(useCase?.effective)}</span>
                         <span>{useCase.responsibleOrganization}</span>
                       </div>
                     </div>

package/src/components/Blocks/CustomTemplates/VoltoSearchBlock/RightModalFacets.jsx

@@ -137,7 +137,7 @@ const RightModalFacets = (props) => {
                   trigger={
                     <div className="filters-element">
                       <div className="filters-title">
-                        <Icon className="ui" name={filterSVG} size={20} />
+                        <Icon className="ui" name={filterSVG} size={'20'} />
                         <span className="filters-title-bold">
                           {data.facetsTitle}
                         </span>

package/src/components/CLMSDownloadCartView/CLMSCartContent.jsx

@@ -79,6 +79,19 @@ const CLMSCartContent = (props) => {
     }
   }, [nutsnames]);
 
+  // useEffect(() => {
+  //   const type_options = [];
+  //   if (requestedItem.dataset_download_information?.items.length > 0) {
+  //     requestedItem.dataset_download_information.items.forEach((item) => {
+  //       type_options.push({
+  //         id: item['@id'],
+  //         name: item.name,
+  //         full_format: item.full_format,
+  //       });
+  //     });
+  //   }
+  // }, [requestedItem]);
+
   function concatRequestedCartItem() {
     localSessionCart.forEach((localItem) => {
       const requestedItem = datasets
@@ -239,6 +252,13 @@ const CLMSCartContent = (props) => {
             (obj) => obj.unique_id === item.unique_id,
           );
           cartItems[objIndex].type = data.value;
+          const dataset = datasets
+            ? datasets.find((req) => req.UID === item.dataset_uid)
+            : false;
+          const format_item = dataset.dataset_download_information.items.find(
+            (item) => item['@id'] === data.value,
+          );
+          cartItems[objIndex].format = format_item.full_format;
           setCartItems([...cartItems]);
         }}
       />
@@ -359,7 +379,7 @@ const CLMSCartContent = (props) => {
                           <Select
                             placeholder="Select projection"
                             value={item.projection}
-                            options={projections.map((projection) => {
+                            options={projections?.map((projection) => {
                               return {
                                 key: projection,
                                 value: projection,

package/src/components/CLMSDownloadCartView/cartUtils.js

@@ -66,16 +66,17 @@ export const getCartObjectFromMapviewer = (
   const type_options = [];
   if (dataset_data.dataset_download_information?.items.length > 0) {
     dataset_data.dataset_download_information.items.forEach((item) => {
-      type_options.push({ id: item['@id'], name: item.name });
+      type_options.push({
+        id: item['@id'],
+        name: item.name,
+        full_format: item.full_format,
+      });
     });
   }
   return {
     name: dataset_data.title || '-',
     area: area || '-',
-    format:
-      dataset_data.dataset_full_format?.token ||
-      dataset_data.dataset_full_format ||
-      '-',
+    format: type_options.length > 0 ? type_options[0].full_format : null,
     resolution: dataset_data.resolution || '-',
     size: dataset_data.size || '-',
     source: 'Map viewer',

package/src/components/CLMSDownloadCartView/conversion.js

@@ -1,19 +1,23 @@
 export const getAvailableConversion = (conversionTable, defaultValue) => {
-  if (conversionTable[defaultValue] === undefined) {
-    defaultValue = Object.keys(conversionTable)[0];
+  if (conversionTable) {
+    if (conversionTable[defaultValue] === undefined) {
+      defaultValue = Object.keys(conversionTable)[0];
+    }
+    const keys = Object.keys(conversionTable[defaultValue]);
+    return keys
+      .filter((key) => {
+        return conversionTable[defaultValue][key];
+      })
+      .map((item) => {
+        return {
+          key: item,
+          value: item,
+          text: item,
+        };
+      });
+  } else {
+    return [];
   }
-  const keys = Object.keys(conversionTable[defaultValue]);
-  return keys
-    .filter((key) => {
-      return conversionTable[defaultValue][key];
-    })
-    .map((item) => {
-      return {
-        key: item,
-        value: item,
-        text: item,
-      };
-    });
 };
 
 export const initializeIfNotCompatibleConversion = (

package/src/components/CLMSDownloadsView/CLMSDownloadTasks.jsx

@@ -75,6 +75,17 @@ const CLMSDownloadTasks = (props) => {
               return item;
             })
             .sort(dynamicSort('-RegistrationDateTime'))
+            .filter((item) => {
+              var FinalizationDate = new Date(
+                Date.parse(item?.FinalizationDateTime),
+              );
+              var today = new Date();
+              var daysDiff = Math.floor(
+                (today.getTime() - (FinalizationDate.getTime() || 0)) /
+                  (1000 * 3600 * 24),
+              );
+              return daysDiff - 10 > -1;
+            })
             .map((item, key) => (
               <Grid.Column key={key}>
                 <FileCard

package/src/components/CLMSDownloadsView/FileCard.jsx

@@ -16,6 +16,8 @@ import errorSVG from '@plone/volto/icons/error.svg';
 import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
 import packSVG from '@plone/volto/icons/pack.svg';
 import removeSVG from '@plone/volto/icons/delete.svg';
+import blockSVG from '@plone/volto/icons/block.svg';
+import { cclDateTimeFormat } from '@eeacms/volto-clms-theme/components/CclUtils';
 
 const prettyBytes = require('pretty-bytes');
 
@@ -55,7 +57,8 @@ const FileCard = (props) => {
     var FinalizationDate = new Date(Date.parse(item?.FinalizationDateTime));
     var today = new Date();
     var daysDiff = Math.floor(
-      (today.getTime() - FinalizationDate.getTime()) / (1000 * 3600 * 24),
+      (today.getTime() - (FinalizationDate.getTime() || 0)) /
+        (1000 * 3600 * 24),
     );
   }
 
@@ -68,6 +71,7 @@ const FileCard = (props) => {
         padded
         className="filecard"
       >
+        {/* {10 - daysDiff > -1 && ( */}
         <Grid.Row>
           <Grid.Column verticalAlign="middle" textAlign="center" width={2}>
             {['In_progress', 'Queued'].includes(item?.Status) && (
@@ -91,6 +95,20 @@ const FileCard = (props) => {
                 }
               />
             )}
+            {item?.Status === 'Cancelled' && (
+              <Popup
+                content="Cancelled"
+                size="small"
+                trigger={
+                  <Icon
+                    name={blockSVG}
+                    size={50}
+                    color="#90956e"
+                    title={'Cancelled'}
+                  />
+                }
+              />
+            )}
             {item?.Status === 'Finished_nok' && (
               <Popup
                 content="Finished with errors"
@@ -127,13 +145,7 @@ const FileCard = (props) => {
             <Segment basic className="file-datetimes">
               {item?.RegistrationDateTime && (
                 <>
-                  Start date:
-                  {new Date(item?.RegistrationDateTime).toLocaleString(
-                    'en-GB',
-                    {
-                      timeZone: 'UTC',
-                    },
-                  )}
+                  Start date: {cclDateTimeFormat(item?.RegistrationDateTime)}
                   <span
                     className="info-icon"
                     tooltip="Dates and times are in UTC"
@@ -146,13 +158,7 @@ const FileCard = (props) => {
               )}
               {item?.FinalizationDateTime && (
                 <>
-                  End date:{' '}
-                  {new Date(item?.FinalizationDateTime).toLocaleString(
-                    'en-GB',
-                    {
-                      timeZone: 'UTC',
-                    },
-                  )}
+                  End date: {cclDateTimeFormat(item?.FinalizationDateTime)}
                   <span
                     className="info-icon"
                     tooltip="Dates and times are in UTC"
@@ -232,6 +238,7 @@ const FileCard = (props) => {
             </Grid.Column>
           )}
         </Grid.Row>
+        {/* )} */}
       </Grid>
     </Segment>
   );

package/src/components/CLMSMeetingView/CLMSMeetingEmailView.jsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { defineMessages, injectIntl } from 'react-intl';
 import { Header, Segment } from 'semantic-ui-react';
 import { StringToHTML } from '@eeacms/volto-clms-theme/components/CclUtils';
+import { cclDateTimeFormat } from '@eeacms/volto-clms-theme/components/CclUtils';
 
 export const CLMSMeetingEmailView = (props) => {
   const { content, intl } = props;
@@ -63,7 +64,7 @@ export const CLMSMeetingEmailView = (props) => {
           <Header as="h2">{intl.formatMessage(messages.subject)}</Header>
           <p>{content.subject}</p>
           <Header as="h2">{intl.formatMessage(messages.modified)}</Header>
-          <p>{new Date(content.modified).toLocaleDateString()}</p>
+          <p>{cclDateTimeFormat(content.modified)}</p>
           <Header as="h2">{intl.formatMessage(messages.type)}</Header>
           <p>{content.email_type}</p>
           <Header as="h2">{intl.formatMessage(messages.body)}</Header>

package/src/components/CLMSMeetingView/CLMSMeetingEmailsView.jsx

@@ -5,6 +5,7 @@ import { useDispatch, useSelector } from 'react-redux';
 
 import { Pagination } from '@plone/volto/components';
 import { searchContent } from '@plone/volto/actions';
+import { cclDateTimeFormat } from '@eeacms/volto-clms-theme/components/CclUtils';
 
 export const CLMSMeetingEmailsView = (props) => {
   const { content, intl } = props;
@@ -142,7 +143,7 @@ export const CLMSMeetingEmailsView = (props) => {
                         </td>
                         <td>{email.cc}</td>
                         <td>{email.subject}</td>
-                        <td>{new Date(email.modified).toLocaleDateString()}</td>
+                        <td>{cclDateTimeFormat(email.modified)}</td>
                         <td>{email.email_type}</td>
                       </tr>
                     ))

package/src/components/CLMSNewsItemView/CLMSNewsItemView.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { StringToHTML } from '@eeacms/volto-clms-theme/components/CclUtils';
 import { hasBlocksData } from '@plone/volto/helpers';
 import RenderBlocks from '@plone/volto/components/theme/View/RenderBlocks';
-
+import { cclDateTimeFormat } from '@eeacms/volto-clms-theme/components/CclUtils';
 const CLMSNewsItemView = (props) => {
   const { content } = props;
   return (
@@ -14,7 +14,7 @@ const CLMSNewsItemView = (props) => {
           <h1 className="page-title">{content.title}</h1>
           <div className="news-detail">
             <div className="news-detail-date">
-              {new Date(content?.effective).toLocaleDateString()}
+              {cclDateTimeFormat(content?.effective)}
             </div>
             {content?.image && (
               <figure className="news-detail-image">

package/src/components/CLMSProfileView/CLMSApiTokensView.jsx

@@ -24,11 +24,11 @@ import {
 const messages = defineMessages({
   ApiTokens: {
     id: 'ApiTokens',
-    defaultMessage: 'API Tokens',
+    defaultMessage: 'API tokens',
   },
   title: {
     id: 'title',
-    defaultMessage: 'API Token management',
+    defaultMessage: 'API token management',
   },
   tokenTitleLabel: {
     id: 'tokenTitleLabel',

package/src/components/CLMSProfileView/CLMSNewsletterSubscriberView.jsx

@@ -24,7 +24,7 @@ class CLMSNewsletterSubscriberView extends Component {
     this.handleClick = this.handleClick.bind(this);
     this.state = {
       download: false,
-      headers: [{ label: 'Newsletter Subscribers', key: 'email' }],
+      headers: [{ label: 'Newsletter subscribers', key: 'email' }],
     };
   }
   componentDidMount() {

package/src/components/CLMSProfileView/CLMSProfileView.jsx

@@ -54,15 +54,15 @@ class CLMSProfileView extends Component {
       <div className="ccl-container ">
         {loggedIn && (
           <CclTabs>
-            <div tabTitle="USER PROFILE">
+            <div tabTitle="User profile">
               <CLMSUserProfileView />
             </div>
-            <div tabTitle="API TOKENS">
+            <div tabTitle="API tokens">
               <CLMSApiTokensView />
             </div>
             {(this.props.roles?.includes('Manager') ||
               this.props.roles?.includes('Site Administrator')) && (
-              <div tabTitle="NEWSLETTER SUBSCRIBERS">
+              <div tabTitle="Newsletter subscribers">
                 <CLMSNewsletterSubscriberView />
               </div>
             )}

package/src/components/CLMSProfileView/CLMSUserProfileView.jsx

@@ -19,7 +19,7 @@ import { getUserSchema } from '../../actions';
 const messages = defineMessages({
   UserProfile: {
     id: 'UserProfile',
-    defaultMessage: 'User Profile',
+    defaultMessage: 'User profile',
   },
   default: {
     id: 'Default',
@@ -27,7 +27,7 @@ const messages = defineMessages({
   },
   fullnameTitle: {
     id: 'Full Name',
-    defaultMessage: 'Full Name',
+    defaultMessage: 'Full name',
   },
   fullnameDescription: {
     id: 'Enter full name, e.g. John Smith.',

package/src/components/CLMSSubscriptionView/subscription_utils.js

@@ -1,16 +1,16 @@
 export const AVAILABLE_SUBSCRIPTIONS = [
   {
-    title: 'SUBSCRIBE TO OUR NEWSLETTER',
+    title: 'Subscribe to our newsletter',
     type: 'newsletter',
     back_url: 'newsletter',
   },
   {
-    title: 'SUBSCRIBE TO OUR NEWS',
+    title: 'Subscribe to our news',
     type: 'news',
     back_url: 'newsitem',
   },
   {
-    title: 'SUBSCRIBE TO OUR EVENTS',
+    title: 'Subscribe to our events',
     type: 'events',
     back_url: 'event',
   },

package/src/components/CclCard/CclCard.jsx

@@ -11,6 +11,7 @@ import penSVG from '@plone/volto/icons/pen.svg';
 import { Icon } from '@plone/volto/components';
 
 import PlaceHolder from '@eeacms/volto-clms-theme/../theme/clms/img/ccl-thumbnail-placeholder.jpg';
+import { cclDateTimeFormat } from '@eeacms/volto-clms-theme/components/CclUtils';
 
 const CardImage = ({ card, size = 'preview', isCustomCard }) => {
   return card?.image_field ? (
@@ -180,7 +181,7 @@ function CclCard(props) {
                     {/* <CardLink url={url} title={card?.title} /> */}
                   </div>
                   <div className="card-news-date">
-                    {new Date(card?.effective).toLocaleString()}
+                    {cclDateTimeFormat(card?.effective)}
                   </div>
                   <p className="card-news-description">{card?.description}</p>
                 </div>

package/src/components/CclCard/cards.less

@@ -331,7 +331,7 @@
   font-weight: bold;
 }
 
-.card-event-when-text p {
+.card-event .card-event-when-text p {
   margin-bottom: 0;
   font-size: 1rem;
 }

package/src/components/CclUtils/dateFormats.js

@@ -0,0 +1,17 @@
+export const cclDateTimeFormat = (date) => {
+  const dateObj = new Date(date);
+  const day = ('0' + dateObj.getDate()).slice(-2);
+  const month = ('0' + (dateObj.getMonth() + 1)).slice(-2);
+  const year = dateObj.getFullYear();
+  const hours = ('0' + dateObj.getHours()).slice(-2);
+  const minutes = ('0' + dateObj.getMinutes()).slice(-2);
+  return `${day}.${month}.${year} ${hours}.${minutes}`;
+};
+
+export const cclDateFormat = (date) => {
+  const dateObj = new Date(date);
+  const day = dateObj.getDate();
+  const month = ('0' + (dateObj.getMonth() + 1)).slice(-2);
+  const year = dateObj.getFullYear();
+  return `${day}.${month}.${year}`;
+};

package/src/components/CclUtils/index.js

@@ -1,3 +1,5 @@
 import StringToHTML from './StringToHTML';
 
 export { StringToHTML };
+
+export { cclDateFormat, cclDateTimeFormat } from './dateFormats';

package/src/index.js

@@ -36,6 +36,7 @@ import ProductComponentsWidget from './components/Widgets/ProductComponentsWidge
 import TextLinkWidget from './components/Widgets/TextLinkWidget';
 
 import reducers from './reducers';
+import CookieBanner from 'volto-cookie-banner/CookieBannerContainer';
 
 const applyConfig = (config) => {
   config.views = {
@@ -80,6 +81,13 @@ const applyConfig = (config) => {
   };
   config.settings = {
     ...config.settings,
+    appExtras: [
+      ...config.settings.appExtras,
+      {
+        match: '*',
+        component: CookieBanner,
+      },
+    ],
     nonContentRoutes: [
       ...config.settings.nonContentRoutes,
       '/profile',

package/theme/clms/css/carousel.css

@@ -220,6 +220,14 @@
   content: '\e913';
 }
 
+.tabs-block .slick-arrows .slick-arrow.slick-prev {
+  transform: translate(1rem,-50%);
+}
+
+.tabs-block .slick-arrows .slick-arrow.slick-next {
+  transform: translate(-1rem,-50%);
+}
+
 /* Dots */
 .slick-dotted.slick-slider {
   margin-bottom: 0;

package/theme/clms/css/home.css

@@ -120,14 +120,14 @@
 }
 
 .home-carousel .ccl-banner-top-main {
-  padding: 4rem 2rem;
+  padding: 4rem 4rem;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
 }
 @media (max-width: 480px) {
   .home-carousel .ccl-banner-top-main {
-    padding: 2rem 1rem;
+    padding: 2rem 2rem;
   }
 }
 
@@ -318,13 +318,22 @@
 
 /* Map band */
 .home-map-container {
-  padding: 4rem 2rem;
+  padding: 4rem 1rem;
   background: url(../img/home-map-background.jpg) no-repeat center;
   background-size: cover;
 }
+
+.home-map-container > .ccl-container {
+  padding: 0 2rem;
+}
+
 @media (max-width: 480px) {
   .home-map-container {
-    padding: 2rem 1rem;
+    padding: 3rem 1rem;
+  }
+
+  .home-map-container > .ccl-container {
+    padding: 0;
   }
 }
 
@@ -345,10 +354,14 @@
 
 /* Meet band */
 .home-meet-container {
-  padding: 3rem 3rem;
+  padding: 3rem 1rem;
   padding-bottom: 6rem;
 }
 
+.home-meet-container > .ccl-container {
+  padding: 0 2rem;
+}
+
 .ccl-container > .ccl-button {
   float: right;
 }

package/theme/clms/css/styles.less

@@ -1164,3 +1164,17 @@ div#page-document h1.documentFirstHeading {
 .block-editor-accordion > .block-toolbar {
   z-index: 1 !important;
 }
+
+/*Sitemap*/
+#page-sitemap ul li {
+  margin-left: 2rem;
+  line-height: 2.25rem;
+}
+
+#page-sitemap ul > li {
+  margin-bottom: 1rem;
+}
+
+#page-sitemap ul > li > ul > li {
+  margin-bottom: 0;
+}