From 5ed9d38493e2f2ea05b060f1470b317001701ca5 Mon Sep 17 00:00:00 2001
From: Andrei Grigore <andrei.ggr@gmail.com>
Date: Mon, 9 May 2022 20:10:40 +0300
Subject: [PATCH 1/3] Expandable table mobile views

---
 .../templates/expandable/PopupRow.jsx         | 68 ++++++++-----------
 .../templates/expandable/PopupTable.jsx       |  2 +-
 .../templates/expandable/style.less           | 25 +++++++
 3 files changed, 55 insertions(+), 40 deletions(-)

diff --git a/src/components/manage/Blocks/SimpleDataTable/templates/expandable/PopupRow.jsx b/src/components/manage/Blocks/SimpleDataTable/templates/expandable/PopupRow.jsx
index aeea270..af0d07d 100644
--- a/src/components/manage/Blocks/SimpleDataTable/templates/expandable/PopupRow.jsx
+++ b/src/components/manage/Blocks/SimpleDataTable/templates/expandable/PopupRow.jsx
@@ -199,7 +199,7 @@ const PopupRow = ({
     >
       <Modal.Header className="popup-header">{popupSchema.title}</Modal.Header>
       <Modal.Content scrolling>
-        <div style={{ display: 'flex' }}>
+        <div className="popup-header-data">
           {popupSchema.logo && (
             <a
               className="popup-logo-container"
@@ -215,35 +215,31 @@ const PopupRow = ({
               />
             </a>
           )}
-          {popupSchema.email && popupSchema.url && (
-            <div className="info-container">
-              {popupSchema.email && (
-                <div style={{ display: 'flex' }}>
-                  <p style={{ margin: '0 10px 0 0', fontSize: '24px' }}>
-                    Email:
-                  </p>
-                  <a href={`mailto:${popupSchema.email}`} className="popup-url">
-                    {popupSchema.email}
-                  </a>
-                </div>
-              )}
-              {popupSchema.url && (
-                <div style={{ display: 'flex' }}>
-                  <p style={{ margin: '0 10px 0 0', fontSize: '24px' }}>
-                    Website:
-                  </p>
-                  <a
-                    href={popupSchema.url}
-                    target="_blank"
-                    rel="noreferrer"
-                    className="popup-url"
-                  >
-                    {popupSchema.url}
-                  </a>
-                </div>
-              )}
-            </div>
-          )}
+          <div className="info-container">
+            {popupSchema.email && (
+              <div style={{ display: 'flex' }}>
+                <p style={{ margin: '0 10px 0 0', fontSize: '24px' }}>Email:</p>
+                <a href={`mailto:${popupSchema.email}`} className="popup-url">
+                  {popupSchema.email}
+                </a>
+              </div>
+            )}
+            {popupSchema.url && (
+              <div style={{ display: 'flex' }}>
+                <p style={{ margin: '0 10px 0 0', fontSize: '24px' }}>
+                  Website:
+                </p>
+                <a
+                  href={popupSchema.url}
+                  target="_blank"
+                  rel="noreferrer"
+                  className="popup-url"
+                >
+                  {popupSchema.url}
+                </a>
+              </div>
+            )}
+          </div>
         </div>
         <Modal.Description style={{ display: 'flex' }}>
           {popupSchema.description && (
@@ -253,14 +249,8 @@ const PopupRow = ({
           )}
         </Modal.Description>
 
-        <div
-          style={{
-            display: 'flex',
-            margin: '10px 0',
-            justifyContent: 'space-between',
-          }}
-        >
-          <div style={{ width: '49%' }}>
+        <div className="popup-columns-container">
+          <div className="popup-column">
             {rowData && (
               <PopupTable
                 rowData={rowData}
@@ -269,7 +259,7 @@ const PopupRow = ({
               />
             )}
           </div>
-          <div style={{ width: '49%' }}>
+          <div className="popup-column">
             {rowData && (
               <PopupMap
                 rowData={rowData}
diff --git a/src/components/manage/Blocks/SimpleDataTable/templates/expandable/PopupTable.jsx b/src/components/manage/Blocks/SimpleDataTable/templates/expandable/PopupTable.jsx
index b9d972b..ec3442f 100644
--- a/src/components/manage/Blocks/SimpleDataTable/templates/expandable/PopupTable.jsx
+++ b/src/components/manage/Blocks/SimpleDataTable/templates/expandable/PopupTable.jsx
@@ -38,7 +38,7 @@ const PopupTable = ({ rowData, providerUrl, provider_data, tableColumns }) => {
 
   return (
     <div className="popup-table-container">
-      <Table striped celled className="popup-table">
+      <Table unstackable striped celled className="popup-table">
         <Table.Header>
           <Table.Row>
             {tableColumns &&
diff --git a/src/components/manage/Blocks/SimpleDataTable/templates/expandable/style.less b/src/components/manage/Blocks/SimpleDataTable/templates/expandable/style.less
index ede2a68..67fa8fe 100644
--- a/src/components/manage/Blocks/SimpleDataTable/templates/expandable/style.less
+++ b/src/components/manage/Blocks/SimpleDataTable/templates/expandable/style.less
@@ -139,6 +139,31 @@
   font-size: 1.5rem !important;
 }
 
+.popup-header-data {
+  display: flex;
+
+  @media screen and (max-width: 800px) {
+    flex-direction: column;
+  }
+}
+
+.popup-columns-container {
+  display: flex;
+  margin: 10px 0;
+  justify-content: space-between;
+
+  @media screen and (max-width: 800px) {
+    flex-direction: column;
+  }
+}
+
+.popup-column {
+  width: 49%;
+  @media screen and (max-width: 800px) {
+    width: 100%;
+  }
+}
+
 .popup-url {
   font-size: 24px;
   font-weight: bold;

From bb88d6ef8034df89108a0f386baa033b1afc529c Mon Sep 17 00:00:00 2001
From: Andrei Grigore <andrei.ggr@gmail.com>
Date: Mon, 9 May 2022 20:15:59 +0300
Subject: [PATCH 2/3] stylelint

---
 .../Blocks/SimpleDataTable/templates/expandable/style.less      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/manage/Blocks/SimpleDataTable/templates/expandable/style.less b/src/components/manage/Blocks/SimpleDataTable/templates/expandable/style.less
index 67fa8fe..32b33f6 100644
--- a/src/components/manage/Blocks/SimpleDataTable/templates/expandable/style.less
+++ b/src/components/manage/Blocks/SimpleDataTable/templates/expandable/style.less
@@ -149,8 +149,8 @@
 
 .popup-columns-container {
   display: flex;
-  margin: 10px 0;
   justify-content: space-between;
+  margin: 10px 0;
 
   @media screen and (max-width: 800px) {
     flex-direction: column;

From 5985bd408bc42793bc4a1bb4d166cc6888d2c1da Mon Sep 17 00:00:00 2001
From: EEA Jenkins <@users.noreply.github.com>
Date: Mon, 9 May 2022 17:27:45 +0000
Subject: [PATCH 3/3] Automated release 0.2.10

---
 CHANGELOG.md | 8 ++++++++
 package.json | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6ce742a..3810c1d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,8 +4,16 @@ 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).
 
+#### [0.2.10](https://github.com/eea/volto-forests-theme/compare/0.2.9...0.2.10)
+
+- stylelint [`bb88d6e`](https://github.com/eea/volto-forests-theme/commit/bb88d6ef8034df89108a0f386baa033b1afc529c)
+- Expandable table mobile views [`5ed9d38`](https://github.com/eea/volto-forests-theme/commit/5ed9d38493e2f2ea05b060f1470b317001701ca5)
+
 #### [0.2.9](https://github.com/eea/volto-forests-theme/compare/0.2.8...0.2.9)
 
+> 5 May 2022
+
+- Develop [`#66`](https://github.com/eea/volto-forests-theme/pull/66)
 - Expandable table popup format changes [`1c0d096`](https://github.com/eea/volto-forests-theme/commit/1c0d09674796c485ad48335dc5f0debdd0712018)
 - Readmore inline [`167e6ed`](https://github.com/eea/volto-forests-theme/commit/167e6edc30a0037506e32527d11037d5aa785c6b)
 - Email in expandable popup [`997b71d`](https://github.com/eea/volto-forests-theme/commit/997b71d35400e997de99b3d730c82431fe7ad305)
diff --git a/package.json b/package.json
index 56533b5..12755fb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-forests-theme",
-  "version": "0.2.9",
+  "version": "0.2.10",
   "description": "@eeacms/volto-forests-theme: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",